<>:where(.stack-scope) *:where(.stack-scope) ::before:where(.stack-scope) ::after*:where(.stack-scope):where(.stack-scope)::before:where(.stack-scope)::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-: ;
}
:where(.stack-scope) ::backdrop:where(.stack-scope)::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-: ;
}
/*
! tailwindcss v3.4.14 | 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)
*/
:where(.stack-scope) *,
:where(.stack-scope) ::before,
:where(.stack-scope) ::after,
*:where(.stack-scope),
:where(.stack-scope)::before,
:where(.stack-scope)::after {
box-sizing: border-box;
/* 1 */
border-width: 0;
/* 2 */
border-: solid;
/* 2 */
border-color: #e5e7eb;
/* 2 */
}
:where(.stack-scope) ::before,
:where(.stack-scope) ::after,
:where(.stack-scope)::before,
:where(.stack-scope)::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
:where(.stack-scope) html,
:where(.stack-scope) :host,
html:where(.stack-scope),
:where(.stack-scope):host {
line-height: 1.5;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-moz-tab-size: 4;
/* 3 */
-o-tab-size: 4;
tab-size: 4;
/* 3 */
font-family: ui-sans-serifsystem-uisans-serif"Apple Color Emoji""Segoe UI Emoji""Segoe UI Symbol""Noto Color Emoji";
/* 4 */
font-feature-settings: normal;
/* 5 */
font-variation-settings: normal;
/* 6 */
-webkit-tap-highlight-color: transparent;
/* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
:where(.stack-scope) bodybody:where(.stack-scope) {
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.
*/
:where(.stack-scope) hrhr:where(.stack-scope) {
height: 0;
/* 1 */
color: inherit;
/* 2 */
border-top-width: 1px;
/* 3 */
}
/*
Add the correct text decoration in ChromeEdgeand Safari.
*/
:where(.stack-scope) abbr:where([title])abbr:where(.stack-scope):where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
:where(.stack-scope) h1,
:where(.stack-scope) h2,
:where(.stack-scope) h3,
:where(.stack-scope) h4,
:where(.stack-scope) h5,
:where(.stack-scope) h6,
h1:where(.stack-scope),
h2:where(.stack-scope),
h3:where(.stack-scope),
h4:where(.stack-scope),
h5:where(.stack-scope),
h6:where(.stack-scope) {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
:where(.stack-scope) aa:where(.stack-scope) {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
:where(.stack-scope) b,
:where(.stack-scope) strong,
b:where(.stack-scope),
strong:where(.stack-scope) {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
:where(.stack-scope) code,
:where(.stack-scope) kbd,
:where(.stack-scope) samp,
:where(.stack-scope) pre,
code:where(.stack-scope),
kbd:where(.stack-scope),
samp:where(.stack-scope),
pre:where(.stack-scope) {
font-family: ui-monospaceSFMono-RegularMenloMonacoConsolas"Liberation Mono""Courier New"monospace;
/* 1 */
font-feature-settings: normal;
/* 2 */
font-variation-settings: normal;
/* 3 */
font-size: 1em;
/* 4 */
}
/*
Add the correct font size in all browsers.
*/
:where(.stack-scope) smallsmall:where(.stack-scope) {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
:where(.stack-scope) sub,
:where(.stack-scope) sup,
sub:where(.stack-scope),
sup:where(.stack-scope) {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
:where(.stack-scope) subsub:where(.stack-scope) {
bottom: -0.25em;
}
:where(.stack-scope) supsup:where(.stack-scope) {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088https://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=935729https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
:where(.stack-scope) tabletable:where(.stack-scope) {
text-indent: 0;
/* 1 */
border-color: inherit;
/* 2 */
border-collapse: collapse;
/* 3 */
}
/*
1. Change the font s in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
:where(.stack-scope) button,
:where(.stack-scope) input,
:where(.stack-scope) optgroup,
:where(.stack-scope) select,
:where(.stack-scope) textarea,
button:where(.stack-scope),
input:where(.stack-scope),
optgroup:where(.stack-scope),
select:where(.stack-scope),
textarea:where(.stack-scope) {
font-family: inherit;
/* 1 */
font-feature-settings: inherit;
/* 1 */
font-variation-settings: inherit;
/* 1 */
font-size: 100%;
/* 1 */
font-weight: inherit;
/* 1 */
line-height: inherit;
/* 1 */
letter-spacing: inherit;
/* 1 */
color: inherit;
/* 1 */
margin: 0;
/* 2 */
padding: 0;
/* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
:where(.stack-scope) button,
:where(.stack-scope) select,
button:where(.stack-scope),
select:where(.stack-scope) {
text-transform: none;
}
/*
1. Correct the inability to clickable types in iOS and Safari.
2. Remove default button s.
*/
:where(.stack-scope) button,
:where(.stack-scope) input:where([type='button']),
:where(.stack-scope) input:where([type='reset']),
:where(.stack-scope) input:where([type='submit']),
button:where(.stack-scope),
input:where(.stack-scope):where([type='button']),
input:where(.stack-scope):where([type='reset']),
input:where(.stack-scope):where([type='submit']) {
-webkit-appearance: button;
/* 1 */
background-color: transparent;
/* 2 */
background-image: none;
/* 2 */
}
/*
Use the modern Firefox focus for all focusable elements.
*/
:where(.stack-scope) :-moz-focusring:where(.stack-scope):-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` s in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout//res/forms.css#L728-L737)
*/
:where(.stack-scope) :-moz-ui-invalid:where(.stack-scope):-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
:where(.stack-scope) progressprogress:where(.stack-scope) {
vertical-align: baseline;
}
/*
Correct the cursor of increment and decrement buttons in Safari.
*/
:where(.stack-scope) ::-webkit-inner-spin-button,
:where(.stack-scope) ::-webkit-outer-spin-button,
:where(.stack-scope)::-webkit-inner-spin-button,
:where(.stack-scope)::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline in Safari.
*/
:where(.stack-scope) [type='search'][type='search'] :where(.stack-scope) {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
:where(.stack-scope) ::-webkit-search-decoration:where(.stack-scope)::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
:where(.stack-scope) ::-webkit-file-upload-button:where(.stack-scope)::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
:where(.stack-scope) summarysummary:where(.stack-scope) {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
:where(.stack-scope) blockquote,
:where(.stack-scope) dl,
:where(.stack-scope) dd,
:where(.stack-scope) h1,
:where(.stack-scope) h2,
:where(.stack-scope) h3,
:where(.stack-scope) h4,
:where(.stack-scope) h5,
:where(.stack-scope) h6,
:where(.stack-scope) hr,
:where(.stack-scope) figure,
:where(.stack-scope) p,
:where(.stack-scope) pre,
blockquote:where(.stack-scope),
dl:where(.stack-scope),
dd:where(.stack-scope),
h1:where(.stack-scope),
h2:where(.stack-scope),
h3:where(.stack-scope),
h4:where(.stack-scope),
h5:where(.stack-scope),
h6:where(.stack-scope),
hr:where(.stack-scope),
figure:where(.stack-scope),
p:where(.stack-scope),
pre:where(.stack-scope) {
margin: 0;
}
:where(.stack-scope) fieldsetfieldset:where(.stack-scope) {
margin: 0;
padding: 0;
}
:where(.stack-scope) legendlegend:where(.stack-scope) {
padding: 0;
}
:where(.stack-scope) ol,
:where(.stack-scope) ul,
:where(.stack-scope) menu,
ol:where(.stack-scope),
ul:where(.stack-scope),
menu:where(.stack-scope) {
list-: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
:where(.stack-scope) dialogdialog:where(.stack-scope) {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
:where(.stack-scope) textareatextarea:where(.stack-scope) {
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.
*/
:where(.stack-scope) input::-moz-placeholder:where(.stack-scope) textarea::-moz-placeholderinput:where(.stack-scope)::-moz-placeholdertextarea:where(.stack-scope)::-moz-placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
:where(.stack-scope) input::placeholder,
:where(.stack-scope) textarea::placeholder,
input:where(.stack-scope)::placeholder,
textarea:where(.stack-scope)::placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
/*
Set the default cursor for buttons.
*/
:where(.stack-scope) button,
:where(.stack-scope) [role="button"],
button:where(.stack-scope),
[role="button"] :where(.stack-scope) {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:where(.stack-scope) :disabled:where(.stack-scope):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.
*/
:where(.stack-scope) img,
:where(.stack-scope) svg,
:where(.stack-scope) video,
:where(.stack-scope) canvas,
:where(.stack-scope) audio,
:where(.stack-scope) iframe,
:where(.stack-scope) embed,
:where(.stack-scope) object,
img:where(.stack-scope),
svg:where(.stack-scope),
video:where(.stack-scope),
canvas:where(.stack-scope),
audio:where(.stack-scope),
iframe:where(.stack-scope),
embed:where(.stack-scope),
object:where(.stack-scope) {
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)
*/
:where(.stack-scope) img,
:where(.stack-scope) video,
img:where(.stack-scope),
video:where(.stack-scope) {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
:where(.stack-scope) [hidden]:where(:not([hidden="until-found"]))[hidden] :where(.stack-scope):where(:not([hidden="until-found"])) {
display: none;
}
:where(.stack-scope) .container:where(.stack-scope).container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
}
@media (min-width: 1400px) {
:where(.stack-scope) .container:where(.stack-scope).container {
max-width: 1400px;
}
}
:where(.stack-scope) .sr-only:where(.stack-scope).sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0000);
white-space: nowrap;
border-width: 0;
}
:where(.stack-scope) .pointer-events-none:where(.stack-scope).pointer-events-none {
pointer-events: none;
}
:where(.stack-scope) .pointer-events-auto:where(.stack-scope).pointer-events-auto {
pointer-events: auto;
}
:where(.stack-scope) .visible:where(.stack-scope).visible {
visibility: visible;
}
:where(.stack-scope) .invisible:where(.stack-scope).invisible {
visibility: hidden;
}
:where(.stack-scope) .collapse:where(.stack-scope).collapse {
visibility: collapse;
}
:where(.stack-scope) .static:where(.stack-scope).static {
position: static;
}
:where(.stack-scope) .fixed:where(.stack-scope).fixed {
position: fixed;
}
:where(.stack-scope) .absolute:where(.stack-scope).absolute {
position: absolute;
}
:where(.stack-scope) .relative:where(.stack-scope).relative {
position: relative;
}
:where(.stack-scope) .inset-0:where(.stack-scope).inset-0 {
inset: 0px;
}
:where(.stack-scope) .inset-x-0:where(.stack-scope).inset-x-0 {
left: 0px;
right: 0px;
}
:where(.stack-scope) .inset-y-0:where(.stack-scope).inset-y-0 {
top: 0px;
bottom: 0px;
}
:where(.stack-scope) .-right-2:where(.stack-scope).-right-2 {
right: -0.5rem;
}
:where(.stack-scope) .-top-2:where(.stack-scope).-top-2 {
top: -0.5rem;
}
:where(.stack-scope) .bottom-0:where(.stack-scope).bottom-0 {
bottom: 0px;
}
:where(.stack-scope) .left-0:where(.stack-scope).left-0 {
left: 0px;
}
:where(.stack-scope) .left-1:where(.stack-scope).left-1 {
left: 0.25rem;
}
:where(.stack-scope) .left-2:where(.stack-scope).left-2 {
left: 0.5rem;
}
:where(.stack-scope) .left-3:where(.stack-scope).left-3 {
left: 0.75rem;
}
:where(.stack-scope) .left-4:where(.stack-scope).left-4 {
left: 1rem;
}
:where(.stack-scope) .left-\[50\%\]:where(.stack-scope).left-\[50\%\] {
left: 50%;
}
:where(.stack-scope) .right-0:where(.stack-scope).right-0 {
right: 0px;
}
:where(.stack-scope) .right-1:where(.stack-scope).right-1 {
right: 0.25rem;
}
:where(.stack-scope) .right-2:where(.stack-scope).right-2 {
right: 0.5rem;
}
:where(.stack-scope) .right-3:where(.stack-scope).right-3 {
right: 0.75rem;
}
:where(.stack-scope) .right-4:where(.stack-scope).right-4 {
right: 1rem;
}
:where(.stack-scope) .top-0:where(.stack-scope).top-0 {
top: 0px;
}
:where(.stack-scope) .top-1:where(.stack-scope).top-1 {
top: 0.25rem;
}
:where(.stack-scope) .top-2:where(.stack-scope).top-2 {
top: 0.5rem;
}
:where(.stack-scope) .top-4:where(.stack-scope).top-4 {
top: 1rem;
}
:where(.stack-scope) .top-\[1px\]:where(.stack-scope).top-\[1px\] {
top: 1px;
}
:where(.stack-scope) .top-\[50\%\]:where(.stack-scope).top-\[50\%\] {
top: 50%;
}
:where(.stack-scope) .top-\[60\%\]:where(.stack-scope).top-\[60\%\] {
top: 60%;
}
:where(.stack-scope) .top-auto:where(.stack-scope).top-auto {
top: auto;
}
:where(.stack-scope) .top-full:where(.stack-scope).top-full {
top: 100%;
}
:where(.stack-scope) .z-10:where(.stack-scope).z-10 {
z-index: 10;
}
:where(.stack-scope) .z-30:where(.stack-scope).z-30 {
z-index: 30;
}
:where(.stack-scope) .z-50:where(.stack-scope).z-50 {
z-index: 50;
}
:where(.stack-scope) .z-\[100\]:where(.stack-scope).z-\[100\] {
z-index: 100;
}
:where(.stack-scope) .z-\[1\]:where(.stack-scope).z-\[1\] {
z-index: 1;
}
:where(.stack-scope) .-mx-1:where(.stack-scope).-mx-1 {
margin-left: -0.25rem;
margin-right: -0.25rem;
}
:where(.stack-scope) .-mx-6:where(.stack-scope).-mx-6 {
margin-left: -1.5rem;
margin-right: -1.5rem;
}
:where(.stack-scope) .mx-2:where(.stack-scope).mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
:where(.stack-scope) .my-1:where(.stack-scope).my-1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
:where(.stack-scope) .my-2:where(.stack-scope).my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
:where(.stack-scope) .my-5:where(.stack-scope).my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
:where(.stack-scope) .my-6:where(.stack-scope).my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
:where(.stack-scope) .-ml-3:where(.stack-scope).-ml-3 {
margin-left: -0.75rem;
}
:where(.stack-scope) .mb-1:where(.stack-scope).mb-1 {
margin-bottom: 0.25rem;
}
:where(.stack-scope) .mb-2:where(.stack-scope).mb-2 {
margin-bottom: 0.5rem;
}
:where(.stack-scope) .mb-4:where(.stack-scope).mb-4 {
margin-bottom: 1rem;
}
:where(.stack-scope) .mb-6:where(.stack-scope).mb-6 {
margin-bottom: 1.5rem;
}
:where(.stack-scope) .ml-1:where(.stack-scope).ml-1 {
margin-left: 0.25rem;
}
:where(.stack-scope) .ml-2:where(.stack-scope).ml-2 {
margin-left: 0.5rem;
}
:where(.stack-scope) .ml-auto:where(.stack-scope).ml-auto {
margin-left: auto;
}
:where(.stack-scope) .mr-1:where(.stack-scope).mr-1 {
margin-right: 0.25rem;
}
:where(.stack-scope) .mr-1\.5:where(.stack-scope).mr-1\.5 {
margin-right: 0.375rem;
}
:where(.stack-scope) .mr-2:where(.stack-scope).mr-2 {
margin-right: 0.5rem;
}
:where(.stack-scope) .mr-4:where(.stack-scope).mr-4 {
margin-right: 1rem;
}
:where(.stack-scope) .mt-1:where(.stack-scope).mt-1 {
margin-top: 0.25rem;
}
:where(.stack-scope) .mt-1\.5:where(.stack-scope).mt-1\.5 {
margin-top: 0.375rem;
}
:where(.stack-scope) .mt-2:where(.stack-scope).mt-2 {
margin-top: 0.5rem;
}
:where(.stack-scope) .mt-4:where(.stack-scope).mt-4 {
margin-top: 1rem;
}
:where(.stack-scope) .mt-6:where(.stack-scope).mt-6 {
margin-top: 1.5rem;
}
:where(.stack-scope) .mt-8:where(.stack-scope).mt-8 {
margin-top: 2rem;
}
:where(.stack-scope) .box-border:where(.stack-scope).box-border {
box-sizing: border-box;
}
:where(.stack-scope) .line-clamp-1:where(.stack-scope).line-clamp-1 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
:where(.stack-scope) .block:where(.stack-scope).block {
display: block;
}
:where(.stack-scope) .inline:where(.stack-scope).inline {
display: inline;
}
:where(.stack-scope) .flex:where(.stack-scope).flex {
display: flex;
}
:where(.stack-scope) .inline-flex:where(.stack-scope).inline-flex {
display: inline-flex;
}
:where(.stack-scope) .\!table:where(.stack-scope).\!table {
display: table !important;
}
:where(.stack-scope) .table:where(.stack-scope).table {
display: table;
}
:where(.stack-scope) .grid:where(.stack-scope).grid {
display: grid;
}
:where(.stack-scope) .contents:where(.stack-scope).contents {
display: contents;
}
:where(.stack-scope) .hidden:where(.stack-scope).hidden {
display: none;
}
:where(.stack-scope) .aspect-square:where(.stack-scope).aspect-square {
aspect-ratio: 1 / 1;
}
:where(.stack-scope) .size-3:where(.stack-scope).size-3 {
width: 0.75rem;
height: 0.75rem;
}
:where(.stack-scope) .h-0:where(.stack-scope).h-0 {
height: 0px;
}
:where(.stack-scope) .h-0\.5:where(.stack-scope).h-0\.5 {
height: 0.125rem;
}
:where(.stack-scope) .h-1:where(.stack-scope).h-1 {
height: 0.25rem;
}
:where(.stack-scope) .h-1\.5:where(.stack-scope).h-1\.5 {
height: 0.375rem;
}
:where(.stack-scope) .h-10:where(.stack-scope).h-10 {
height: 2.5rem;
}
:where(.stack-scope) .h-12:where(.stack-scope).h-12 {
height: 3rem;
}
:where(.stack-scope) .h-2:where(.stack-scope).h-2 {
height: 0.5rem;
}
:where(.stack-scope) .h-2\.5:where(.stack-scope).h-2\.5 {
height: 0.625rem;
}
:where(.stack-scope) .h-24:where(.stack-scope).h-24 {
height: 6rem;
}
:where(.stack-scope) .h-3:where(.stack-scope).h-3 {
height: 0.75rem;
}
:where(.stack-scope) .h-3\.5:where(.stack-scope).h-3\.5 {
height: 0.875rem;
}
:where(.stack-scope) .h-4:where(.stack-scope).h-4 {
height: 1rem;
}
:where(.stack-scope) .h-5:where(.stack-scope).h-5 {
height: 1.25rem;
}
:where(.stack-scope) .h-6:where(.stack-scope).h-6 {
height: 1.5rem;
}
:where(.stack-scope) .h-64:where(.stack-scope).h-64 {
height: 16rem;
}
:where(.stack-scope) .h-7:where(.stack-scope).h-7 {
height: 1.75rem;
}
:where(.stack-scope) .h-8:where(.stack-scope).h-8 {
height: 2rem;
}
:where(.stack-scope) .h-9:where(.stack-scope).h-9 {
height: 2.25rem;
}
:where(.stack-scope) .h-\[1px\]:where(.stack-scope).h-\[1px\] {
height: 1px;
}
:where(.stack-scope) .h-\[200px\]:where(.stack-scope).h-\[200px\] {
height: 200px;
}
:where(.stack-scope) .h-\[300px\]:where(.stack-scope).h-\[300px\] {
height: 300px;
}
:where(.stack-scope) .h-\[34px\]:where(.stack-scope).h-\[34px\] {
height: 34px;
}
:where(.stack-scope) .h-\[60px\]:where(.stack-scope).h-\[60px\] {
height: 60px;
}
:where(.stack-scope) .h-\[var\(--radix-navigation-menu-viewport-height\)\]:where(.stack-scope).h-\[var\(--radix-navigation-menu-viewport-height\)\] {
height: var(--radix-navigation-menu-viewport-height);
}
:where(.stack-scope) .h-\[var\(--radix-select-trigger-height\)\]:where(.stack-scope).h-\[var\(--radix-select-trigger-height\)\] {
height: var(--radix-select-trigger-height);
}
:where(.stack-scope) .h-full:where(.stack-scope).h-full {
height: 100%;
}
:where(.stack-scope) .h-px:where(.stack-scope).h-px {
height: 1px;
}
:where(.stack-scope) .max-h-6:where(.stack-scope).max-h-6 {
max-height: 1.5rem;
}
:where(.stack-scope) .max-h-96:where(.stack-scope).max-h-96 {
max-height: 24rem;
}
:where(.stack-scope) .max-h-\[300px\]:where(.stack-scope).max-h-\[300px\] {
max-height: 300px;
}
:where(.stack-scope) .max-h-screen:where(.stack-scope).max-h-screen {
max-height: 100vh;
}
:where(.stack-scope) .min-h-6:where(.stack-scope).min-h-6 {
min-height: 1.5rem;
}
:where(.stack-scope) .min-h-\[60px\]:where(.stack-scope).min-h-\[60px\] {
min-height: 60px;
}
:where(.stack-scope) .w-0:where(.stack-scope).w-0 {
width: 0px;
}
:where(.stack-scope) .w-1:where(.stack-scope).w-1 {
width: 0.25rem;
}
:where(.stack-scope) .w-10:where(.stack-scope).w-10 {
width: 2.5rem;
}
:where(.stack-scope) .w-12:where(.stack-scope).w-12 {
width: 3rem;
}
:where(.stack-scope) .w-16:where(.stack-scope).w-16 {
width: 4rem;
}
:where(.stack-scope) .w-2:where(.stack-scope).w-2 {
width: 0.5rem;
}
:where(.stack-scope) .w-2\.5:where(.stack-scope).w-2\.5 {
width: 0.625rem;
}
:where(.stack-scope) .w-2\/3:where(.stack-scope).w-2\/3 {
width: 66.666667%;
}
:where(.stack-scope) .w-24:where(.stack-scope).w-24 {
width: 6rem;
}
:where(.stack-scope) .w-3:where(.stack-scope).w-3 {
width: 0.75rem;
}
:where(.stack-scope) .w-3\.5:where(.stack-scope).w-3\.5 {
width: 0.875rem;
}
:where(.stack-scope) .w-3\/4:where(.stack-scope).w-3\/4 {
width: 75%;
}
:where(.stack-scope) .w-4:where(.stack-scope).w-4 {
width: 1rem;
}
:where(.stack-scope) .w-48:where(.stack-scope).w-48 {
width: 12rem;
}
:where(.stack-scope) .w-5:where(.stack-scope).w-5 {
width: 1.25rem;
}
:where(.stack-scope) .w-6:where(.stack-scope).w-6 {
width: 1.5rem;
}
:where(.stack-scope) .w-64:where(.stack-scope).w-64 {
width: 16rem;
}
:where(.stack-scope) .w-7:where(.stack-scope).w-7 {
width: 1.75rem;
}
:where(.stack-scope) .w-72:where(.stack-scope).w-72 {
width: 18rem;
}
:where(.stack-scope) .w-8:where(.stack-scope).w-8 {
width: 2rem;
}
:where(.stack-scope) .w-9:where(.stack-scope).w-9 {
width: 2.25rem;
}
:where(.stack-scope) .w-\[100px\]:where(.stack-scope).w-\[100px\] {
width: 100px;
}
:where(.stack-scope) .w-\[150px\]:where(.stack-scope).w-\[150px\] {
width: 150px;
}
:where(.stack-scope) .w-\[1px\]:where(.stack-scope).w-\[1px\] {
width: 1px;
}
:where(.stack-scope) .w-\[200px\]:where(.stack-scope).w-\[200px\] {
width: 200px;
}
:where(.stack-scope) .w-\[250px\]:where(.stack-scope).w-\[250px\] {
width: 250px;
}
:where(.stack-scope) .w-\[34px\]:where(.stack-scope).w-\[34px\] {
width: 34px;
}
:where(.stack-scope) .w-\[36px\]:where(.stack-scope).w-\[36px\] {
width: 36px;
}
:where(.stack-scope) .w-\[60px\]:where(.stack-scope).w-\[60px\] {
width: 60px;
}
:where(.stack-scope) .w-\[70px\]:where(.stack-scope).w-\[70px\] {
width: 70px;
}
:where(.stack-scope) .w-\[800px\]:where(.stack-scope).w-\[800px\] {
width: 800px;
}
:where(.stack-scope) .w-\[80px\]:where(.stack-scope).w-\[80px\] {
width: 80px;
}
:where(.stack-scope) .w-\[calc\(100\%\+3rem\)\]:where(.stack-scope).w-\[calc\(100\%\+3rem\)\] {
width: calc(100% + 3rem);
}
:where(.stack-scope) .w-auto:where(.stack-scope).w-auto {
width: auto;
}
:where(.stack-scope) .w-fit:where(.stack-scope).w-fit {
width: -moz-fit-content;
width: fit-content;
}
:where(.stack-scope) .w-full:where(.stack-scope).w-full {
width: 100%;
}
:where(.stack-scope) .w-max:where(.stack-scope).w-max {
width: -moz-max-content;
width: max-content;
}
:where(.stack-scope) .w-px:where(.stack-scope).w-px {
width: 1px;
}
:where(.stack-scope) .min-w-6:where(.stack-scope).min-w-6 {
min-width: 1.5rem;
}
:where(.stack-scope) .min-w-\[12rem\]:where(.stack-scope).min-w-\[12rem\] {
min-width: 12rem;
}
:where(.stack-scope) .min-w-\[150px\]:where(.stack-scope).min-w-\[150px\] {
min-width: 150px;
}
:where(.stack-scope) .min-w-\[200px\]:where(.stack-scope).min-w-\[200px\] {
min-width: 200px;
}
:where(.stack-scope) .min-w-\[8rem\]:where(.stack-scope).min-w-\[8rem\] {
min-width: 8rem;
}
:where(.stack-scope) .min-w-\[var\(--radix-select-trigger-width\)\]:where(.stack-scope).min-w-\[var\(--radix-select-trigger-width\)\] {
min-width: var(--radix-select-trigger-width);
}
:where(.stack-scope) .max-w-40:where(.stack-scope).max-w-40 {
max-width: 10rem;
}
:where(.stack-scope) .max-w-6:where(.stack-scope).max-w-6 {
max-width: 1.5rem;
}
:where(.stack-scope) .max-w-60:where(.stack-scope).max-w-60 {
max-width: 15rem;
}
:where(.stack-scope) .max-w-64:where(.stack-scope).max-w-64 {
max-width: 16rem;
}
:where(.stack-scope) .max-w-\[200px\]:where(.stack-scope).max-w-\[200px\] {
max-width: 200px;
}
:where(.stack-scope) .max-w-\[300px\]:where(.stack-scope).max-w-\[300px\] {
max-width: 300px;
}
:where(.stack-scope) .max-w-\[320px\]:where(.stack-scope).max-w-\[320px\] {
max-width: 320px;
}
:where(.stack-scope) .max-w-\[36px\]:where(.stack-scope).max-w-\[36px\] {
max-width: 36px;
}
:where(.stack-scope) .max-w-\[380px\]:where(.stack-scope).max-w-\[380px\] {
max-width: 380px;
}
:where(.stack-scope) .max-w-\[800px\]:where(.stack-scope).max-w-\[800px\] {
max-width: 800px;
}
:where(.stack-scope) .max-w-full:where(.stack-scope).max-w-full {
max-width: 100%;
}
:where(.stack-scope) .max-w-lg:where(.stack-scope).max-w-lg {
max-width: 32rem;
}
:where(.stack-scope) .max-w-max:where(.stack-scope).max-w-max {
max-width: -moz-max-content;
max-width: max-content;
}
:where(.stack-scope) .max-w-sm:where(.stack-scope).max-w-sm {
max-width: 24rem;
}
:where(.stack-scope) .flex-1:where(.stack-scope).flex-1 {
flex: 1 1 0%;
}
:where(.stack-scope) .flex-shrink:where(.stack-scope).flex-shrink {
flex-shrink: 1;
}
:where(.stack-scope) .flex-shrink-0:where(.stack-scope).flex-shrink-0 {
flex-shrink: 0;
}
:where(.stack-scope) .shrink-0:where(.stack-scope).shrink-0 {
flex-shrink: 0;
}
:where(.stack-scope) .flex-grow:where(.stack-scope).flex-grow {
flex-grow: 1;
}
:where(.stack-scope) .grow:where(.stack-scope).grow {
flex-grow: 1;
}
:where(.stack-scope) .caption-bottom:where(.stack-scope).caption-bottom {
caption-side: bottom;
}
:where(.stack-scope) .border-collapse:where(.stack-scope).border-collapse {
border-collapse: collapse;
}
:where(.stack-scope) .-translate-x-1:where(.stack-scope).-translate-x-1 {
--tw-translate-x: -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));
}
:where(.stack-scope) .-translate-y-1:where(.stack-scope).-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));
}
:where(.stack-scope) .translate-x-1:where(.stack-scope).translate-x-1 {
--tw-translate-x: 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));
}
:where(.stack-scope) .translate-x-\[-50\%\]:where(.stack-scope).translate-x-\[-50\%\] {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x)var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:where(.stack-scope) .translate-y-1:where(.stack-scope).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));
}
:where(.stack-scope) .translate-y-\[-50\%\]:where(.stack-scope).translate-y-\[-50\%\] {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x)var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:where(.stack-scope) .rotate-180:where(.stack-scope).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));
}
:where(.stack-scope) .rotate-45:where(.stack-scope).rotate-45 {
--tw-rotate: 45deg;
transform: translate(var(--tw-translate-x)var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:where(.stack-scope) .transform:where(.stack-scope).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;
}
}
:where(.stack-scope) .animate-pulse:where(.stack-scope).animate-pulse {
animation: pulse 2s cubic-bezier(0.400.61) infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
:where(.stack-scope) .animate-spin:where(.stack-scope).animate-spin {
animation: spin 1s linear infinite;
}
:where(.stack-scope) .cursor-col-resize:where(.stack-scope).cursor-col-resize {
cursor: col-resize;
}
:where(.stack-scope) .cursor-default:where(.stack-scope).cursor-default {
cursor: default;
}
:where(.stack-scope) .cursor-grab:where(.stack-scope).cursor-grab {
cursor: grab;
}
:where(.stack-scope) .cursor-grabbing:where(.stack-scope).cursor-grabbing {
cursor: grabbing;
}
:where(.stack-scope) .cursor-not-allowed:where(.stack-scope).cursor-not-allowed {
cursor: not-allowed;
}
:where(.stack-scope) .cursor-pointer:where(.stack-scope).cursor-pointer {
cursor: pointer;
}
:where(.stack-scope) .cursor-row-resize:where(.stack-scope).cursor-row-resize {
cursor: row-resize;
}
:where(.stack-scope) .cursor-wait:where(.stack-scope).cursor-wait {
cursor: wait;
}
:where(.stack-scope) .touch-none:where(.stack-scope).touch-none {
touch-action: none;
}
:where(.stack-scope) .select-none:where(.stack-scope).select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
:where(.stack-scope) .resize:where(.stack-scope).resize {
resize: both;
}
:where(.stack-scope) .list-none:where(.stack-scope).list-none {
list--type: none;
}
:where(.stack-scope) .flex-row:where(.stack-scope).flex-row {
flex-direction: row;
}
:where(.stack-scope) .flex-row-reverse:where(.stack-scope).flex-row-reverse {
flex-direction: row-reverse;
}
:where(.stack-scope) .flex-col:where(.stack-scope).flex-col {
flex-direction: column;
}
:where(.stack-scope) .flex-col-reverse:where(.stack-scope).flex-col-reverse {
flex-direction: column-reverse;
}
:where(.stack-scope) .flex-wrap:where(.stack-scope).flex-wrap {
flex-wrap: wrap;
}
:where(.stack-scope) .items-end:where(.stack-scope).items-end {
align-items: flex-end;
}
:where(.stack-scope) .items-center:where(.stack-scope).items-center {
align-items: center;
}
:where(.stack-scope) .items-stretch:where(.stack-scope).items-stretch {
align-items: stretch;
}
:where(.stack-scope) .justify-start:where(.stack-scope).justify-start {
justify-content: flex-start;
}
:where(.stack-scope) .justify-end:where(.stack-scope).justify-end {
justify-content: flex-end;
}
:where(.stack-scope) .justify-center:where(.stack-scope).justify-center {
justify-content: center;
}
:where(.stack-scope) .justify-between:where(.stack-scope).justify-between {
justify-content: space-between;
}
:where(.stack-scope) .justify-evenly:where(.stack-scope).justify-evenly {
justify-content: space-evenly;
}
:where(.stack-scope) .gap-1:where(.stack-scope).gap-1 {
gap: 0.25rem;
}
:where(.stack-scope) .gap-1\.5:where(.stack-scope).gap-1\.5 {
gap: 0.375rem;
}
:where(.stack-scope) .gap-2:where(.stack-scope).gap-2 {
gap: 0.5rem;
}
:where(.stack-scope) .gap-3:where(.stack-scope).gap-3 {
gap: 0.75rem;
}
:where(.stack-scope) .gap-4:where(.stack-scope).gap-4 {
gap: 1rem;
}
:where(.stack-scope) .gap-6:where(.stack-scope).gap-6 {
gap: 1.5rem;
}
:where(.stack-scope) .gap-x-6:where(.stack-scope).gap-x-6 {
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
:where(.stack-scope) .gap-x-8:where(.stack-scope).gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem;
}
:where(.stack-scope) .gap-y-0:where(.stack-scope).gap-y-0 {
row-gap: 0px;
}
:where(.stack-scope) .gap-y-4:where(.stack-scope).gap-y-4 {
row-gap: 1rem;
}
:where(.stack-scope) .space-x-0 > :not([hidden]) ~ :not([hidden]):where(.stack-scope).space-x-0 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0px * var(--tw-space-x-reverse));
margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
:where(.stack-scope) .space-x-1 > :not([hidden]) ~ :not([hidden]):where(.stack-scope).space-x-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
:where(.stack-scope) .space-x-2 > :not([hidden]) ~ :not([hidden]):where(.stack-scope).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)));
}
:where(.stack-scope) .space-x-4 > :not([hidden]) ~ :not([hidden]):where(.stack-scope).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)));
}
:where(.stack-scope) .space-y-0 > :not([hidden]) ~ :not([hidden]):where(.stack-scope).space-y-0 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
:where(.stack-scope) .space-y-1 > :not([hidden]) ~ :not([hidden]):where(.stack-scope).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));
}
:where(.stack-scope) .space-y-1\.5 > :not([hidden]) ~ :not([hidden]):where(.stack-scope).space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
:where(.stack-scope) .space-y-2 > :not([hidden]) ~ :not([hidden]):where(.stack-scope).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));
}
:where(.stack-scope) .space-y-4 > :not([hidden]) ~ :not([hidden]):where(.stack-scope).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));
}
:where(.stack-scope) .self-center:where(.stack-scope).self-center {
align-self: center;
}
:where(.stack-scope) .self-stretch:where(.stack-scope).self-stretch {
align-self: stretch;
}
:where(.stack-scope) .overflow-auto:where(.stack-scope).overflow-auto {
overflow: auto;
}
:where(.stack-scope) .overflow-hidden:where(.stack-scope).overflow-hidden {
overflow: hidden;
}
:where(.stack-scope) .overflow-y-auto:where(.stack-scope).overflow-y-auto {
overflow-y: auto;
}
:where(.stack-scope) .overflow-x-hidden:where(.stack-scope).overflow-x-hidden {
overflow-x: hidden;
}
:where(.stack-scope) .truncate:where(.stack-scope).truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
:where(.stack-scope) .overflow-ellipsis:where(.stack-scope).overflow-ellipsis {
text-overflow: ellipsis;
}
:where(.stack-scope) .text-ellipsis:where(.stack-scope).text-ellipsis {
text-overflow: ellipsis;
}
:where(.stack-scope) .whitespace-nowrap:where(.stack-scope).whitespace-nowrap {
white-space: nowrap;
}
:where(.stack-scope) .whitespace-pre-wrap:where(.stack-scope).whitespace-pre-wrap {
white-space: pre-wrap;
}
:where(.stack-scope) .text-wrap:where(.stack-scope).text-wrap {
text-wrap: wrap;
}
:where(.stack-scope) .text-nowrap:where(.stack-scope).text-nowrap {
text-wrap: nowrap;
}
:where(.stack-scope) .break-words:where(.stack-scope).break-words {
overflow-wrap: break-word;
}
:where(.stack-scope) .rounded:where(.stack-scope).rounded {
border-radius: 0.25rem;
}
:where(.stack-scope) .rounded-\[inherit\]:where(.stack-scope).rounded-\[inherit\] {
border-radius: inherit;
}
:where(.stack-scope) .rounded-full:where(.stack-scope).rounded-full {
border-radius: 9999px;
}
:where(.stack-scope) .rounded-lg:where(.stack-scope).rounded-lg {
border-radius: var(--radius);
}
:where(.stack-scope) .rounded-md:where(.stack-scope).rounded-md {
border-radius: calc(var(--radius) - 2px);
}
:where(.stack-scope) .rounded-sm:where(.stack-scope).rounded-sm {
border-radius: calc(var(--radius) - 4px);
}
:where(.stack-scope) .rounded-xl:where(.stack-scope).rounded-xl {
border-radius: 0.75rem;
}
:where(.stack-scope) .rounded-b-md:where(.stack-scope).rounded-b-md {
border-bottom-right-radius: calc(var(--radius) - 2px);
border-bottom-left-radius: calc(var(--radius) - 2px);
}
:where(.stack-scope) .rounded-l-md:where(.stack-scope).rounded-l-md {
border-top-left-radius: calc(var(--radius) - 2px);
border-bottom-left-radius: calc(var(--radius) - 2px);
}
:where(.stack-scope) .rounded-l-none:where(.stack-scope).rounded-l-none {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
:where(.stack-scope) .rounded-t-lg:where(.stack-scope).rounded-t-lg {
border-top-left-radius: var(--radius);
border-top-right-radius: var(--radius);
}
:where(.stack-scope) .rounded-tl-sm:where(.stack-scope).rounded-tl-sm {
border-top-left-radius: calc(var(--radius) - 4px);
}
:where(.stack-scope) .border:where(.stack-scope).border {
border-width: 1px;
}
:where(.stack-scope) .border-0:where(.stack-scope).border-0 {
border-width: 0px;
}
:where(.stack-scope) .border-2:where(.stack-scope).border-2 {
border-width: 2px;
}
:where(.stack-scope) .border-b:where(.stack-scope).border-b {
border-bottom-width: 1px;
}
:where(.stack-scope) .border-l:where(.stack-scope).border-l {
border-left-width: 1px;
}
:where(.stack-scope) .border-r:where(.stack-scope).border-r {
border-right-width: 1px;
}
:where(.stack-scope) .border-t:where(.stack-scope).border-t {
border-top-width: 1px;
}
:where(.stack-scope) .border-blue-600:where(.stack-scope).border-blue-600 {
--tw-border-opacity: 1;
border-color: rgb(37 99 235 / var(--tw-border-opacity));
}
:where(.stack-scope) .border-border:where(.stack-scope).border-border {
border-color: hsl(var(--border));
}
:where(.stack-scope) .border-current:where(.stack-scope).border-current {
border-color: currentColor;
}
:where(.stack-scope) .border-destructive:where(.stack-scope).border-destructive {
border-color: hsl(var(--destructive));
}
:where(.stack-scope) .border-destructive\/50:where(.stack-scope).border-destructive\/50 {
border-color: hsl(var(--destructive) / 0.5);
}
:where(.stack-scope) .border-gray-700:where(.stack-scope).border-gray-700 {
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
:where(.stack-scope) .border-input:where(.stack-scope).border-input {
border-color: hsl(var(--input));
}
:where(.stack-scope) .border-muted:where(.stack-scope).border-muted {
border-color: hsl(var(--muted));
}
:where(.stack-scope) .border-primary:where(.stack-scope).border-primary {
border-color: hsl(var(--primary));
}
:where(.stack-scope) .border-primary\/50:where(.stack-scope).border-primary\/50 {
border-color: hsl(var(--primary) / 0.5);
}
:where(.stack-scope) .border-red-500:where(.stack-scope).border-red-500 {
--tw-border-opacity: 1;
border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
:where(.stack-scope) .border-success:where(.stack-scope).border-success {
border-color: hsl(var(--success));
}
:where(.stack-scope) .border-success\/50:where(.stack-scope).border-success\/50 {
border-color: hsl(var(--success) / 0.5);
}
:where(.stack-scope) .border-transparent:where(.stack-scope).border-transparent {
border-color: transparent;
}
:where(.stack-scope) .border-white:where(.stack-scope).border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
:where(.stack-scope) .border-l-transparent:where(.stack-scope).border-l-transparent {
border-left-color: transparent;
}
:where(.stack-scope) .border-t-transparent:where(.stack-scope).border-t-transparent {
border-top-color: transparent;
}
:where(.stack-scope) .bg-accent:where(.stack-scope).bg-accent {
background-color: hsl(var(--accent));
}
:where(.stack-scope) .bg-background:where(.stack-scope).bg-background {
background-color: hsl(var(--background));
}
:where(.stack-scope) .bg-black:where(.stack-scope).bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
:where(.stack-scope) .bg-black\/80:where(.stack-scope).bg-black\/80 {
background-color: rgb(0 0 0 / 0.8);
}
:where(.stack-scope) .bg-blue-500:where(.stack-scope).bg-blue-500 {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
:where(.stack-scope) .bg-blue-600:where(.stack-scope).bg-blue-600 {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
:where(.stack-scope) .bg-border:where(.stack-scope).bg-border {
background-color: hsl(var(--border));
}
:where(.stack-scope) .bg-card:where(.stack-scope).bg-card {
background-color: hsl(var(--card));
}
:where(.stack-scope) .bg-destructive:where(.stack-scope).bg-destructive {
background-color: hsl(var(--destructive));
}
:where(.stack-scope) .bg-destructive\/5:where(.stack-scope).bg-destructive\/5 {
background-color: hsl(var(--destructive) / 0.05);
}
:where(.stack-scope) .bg-foreground:where(.stack-scope).bg-foreground {
background-color: hsl(var(--foreground));
}
:where(.stack-scope) .bg-gray-200:where(.stack-scope).bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
:where(.stack-scope) .bg-gray-400:where(.stack-scope).bg-gray-400 {
--tw-bg-opacity: 1;
background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
:where(.stack-scope) .bg-gray-500:where(.stack-scope).bg-gray-500 {
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
:where(.stack-scope) .bg-gray-500\/20:where(.stack-scope).bg-gray-500\/20 {
background-color: rgb(107 114 128 / 0.2);
}
:where(.stack-scope) .bg-gray-700:where(.stack-scope).bg-gray-700 {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
:where(.stack-scope) .bg-green-500:where(.stack-scope).bg-green-500 {
--tw-bg-opacity: 1;
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
:where(.stack-scope) .bg-muted:where(.stack-scope).bg-muted {
background-color: hsl(var(--muted));
}
:where(.stack-scope) .bg-muted\/50:where(.stack-scope).bg-muted\/50 {
background-color: hsl(var(--muted) / 0.5);
}
:where(.stack-scope) .bg-muted\/70:where(.stack-scope).bg-muted\/70 {
background-color: hsl(var(--muted) / 0.7);
}
:where(.stack-scope) .bg-popover:where(.stack-scope).bg-popover {
background-color: hsl(var(--popover));
}
:where(.stack-scope) .bg-primary:where(.stack-scope).bg-primary {
background-color: hsl(var(--primary));
}
:where(.stack-scope) .bg-primary\/10:where(.stack-scope).bg-primary\/10 {
background-color: hsl(var(--primary) / 0.1);
}
:where(.stack-scope) .bg-primary\/20:where(.stack-scope).bg-primary\/20 {
background-color: hsl(var(--primary) / 0.2);
}
:where(.stack-scope) .bg-red-500:where(.stack-scope).bg-red-500 {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
:where(.stack-scope) .bg-secondary:where(.stack-scope).bg-secondary {
background-color: hsl(var(--secondary));
}
:where(.stack-scope) .bg-success:where(.stack-scope).bg-success {
background-color: hsl(var(--success));
}
:where(.stack-scope) .bg-success\/5:where(.stack-scope).bg-success\/5 {
background-color: hsl(var(--success) / 0.05);
}
:where(.stack-scope) .bg-transparent:where(.stack-scope).bg-transparent {
background-color: transparent;
}
:where(.stack-scope) .bg-white:where(.stack-scope).bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:where(.stack-scope) .bg-white\/20:where(.stack-scope).bg-white\/20 {
background-color: rgb(255 255 255 / 0.2);
}
:where(.stack-scope) .bg-yellow-500:where(.stack-scope).bg-yellow-500 {
--tw-bg-opacity: 1;
background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}
:where(.stack-scope) .bg-zinc-200:where(.stack-scope).bg-zinc-200 {
--tw-bg-opacity: 1;
background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}
:where(.stack-scope) .fill-current:where(.stack-scope).fill-current {
fill: currentColor;
}
:where(.stack-scope) .fill-primary:where(.stack-scope).fill-primary {
fill: hsl(var(--primary));
}
:where(.stack-scope) .p-0:where(.stack-scope).p-0 {
padding: 0px;
}
:where(.stack-scope) .p-1:where(.stack-scope).p-1 {
padding: 0.25rem;
}
:where(.stack-scope) .p-2:where(.stack-scope).p-2 {
padding: 0.5rem;
}
:where(.stack-scope) .p-3:where(.stack-scope).p-3 {
padding: 0.75rem;
}
:where(.stack-scope) .p-4:where(.stack-scope).p-4 {
padding: 1rem;
}
:where(.stack-scope) .p-5:where(.stack-scope).p-5 {
padding: 1.25rem;
}
:where(.stack-scope) .p-6:where(.stack-scope).p-6 {
padding: 1.5rem;
}
:where(.stack-scope) .p-\[1px\]:where(.stack-scope).p-\[1px\] {
padding: 1px;
}
:where(.stack-scope) .px-1:where(.stack-scope).px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
:where(.stack-scope) .px-2:where(.stack-scope).px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
:where(.stack-scope) .px-2\.5:where(.stack-scope).px-2\.5 {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
:where(.stack-scope) .px-3:where(.stack-scope).px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
:where(.stack-scope) .px-4:where(.stack-scope).px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
:where(.stack-scope) .px-6:where(.stack-scope).px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
:where(.stack-scope) .px-8:where(.stack-scope).px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
:where(.stack-scope) .py-0:where(.stack-scope).py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
:where(.stack-scope) .py-0\.5:where(.stack-scope).py-0\.5 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
:where(.stack-scope) .py-1:where(.stack-scope).py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
:where(.stack-scope) .py-1\.5:where(.stack-scope).py-1\.5 {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
:where(.stack-scope) .py-2:where(.stack-scope).py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
:where(.stack-scope) .py-3:where(.stack-scope).py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
:where(.stack-scope) .py-4:where(.stack-scope).py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
:where(.stack-scope) .py-6:where(.stack-scope).py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
:where(.stack-scope) .pb-0:where(.stack-scope).pb-0 {
padding-bottom: 0px;
}
:where(.stack-scope) .pb-2:where(.stack-scope).pb-2 {
padding-bottom: 0.5rem;
}
:where(.stack-scope) .pb-4:where(.stack-scope).pb-4 {
padding-bottom: 1rem;
}
:where(.stack-scope) .pl-2:where(.stack-scope).pl-2 {
padding-left: 0.5rem;
}
:where(.stack-scope) .pl-3:where(.stack-scope).pl-3 {
padding-left: 0.75rem;
}
:where(.stack-scope) .pl-7:where(.stack-scope).pl-7 {
padding-left: 1.75rem;
}
:where(.stack-scope) .pl-8:where(.stack-scope).pl-8 {
padding-left: 2rem;
}
:where(.stack-scope) .pr-10:where(.stack-scope).pr-10 {
padding-right: 2.5rem;
}
:where(.stack-scope) .pr-2:where(.stack-scope).pr-2 {
padding-right: 0.5rem;
}
:where(.stack-scope) .pr-3:where(.stack-scope).pr-3 {
padding-right: 0.75rem;
}
:where(.stack-scope) .pr-6:where(.stack-scope).pr-6 {
padding-right: 1.5rem;
}
:where(.stack-scope) .pr-8:where(.stack-scope).pr-8 {
padding-right: 2rem;
}
:where(.stack-scope) .pt-0:where(.stack-scope).pt-0 {
padding-top: 0px;
}
:where(.stack-scope) .pt-1:where(.stack-scope).pt-1 {
padding-top: 0.25rem;
}
:where(.stack-scope) .pt-4:where(.stack-scope).pt-4 {
padding-top: 1rem;
}
:where(.stack-scope) .text-left:where(.stack-scope).text-left {
text-align: left;
}
:where(.stack-scope) .text-center:where(.stack-scope).text-center {
text-align: center;
}
:where(.stack-scope) .align-middle:where(.stack-scope).align-middle {
vertical-align: middle;
}
:where(.stack-scope) .text-2xl:where(.stack-scope).text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
:where(.stack-scope) .text-3xl:where(.stack-scope).text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
:where(.stack-scope) .text-\[0\.8rem\]:where(.stack-scope).text-\[0\.8rem\] {
font-size: 0.8rem;
}
:where(.stack-scope) .text-lg:where(.stack-scope).text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
:where(.stack-scope) .text-sm:where(.stack-scope).text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
:where(.stack-scope) .text-xl:where(.stack-scope).text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
:where(.stack-scope) .text-xs:where(.stack-scope).text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
:where(.stack-scope) .font-bold:where(.stack-scope).font-bold {
font-weight: 700;
}
:where(.stack-scope) .font-medium:where(.stack-scope).font-medium {
font-weight: 500;
}
:where(.stack-scope) .font-normal:where(.stack-scope).font-normal {
font-weight: 400;
}
:where(.stack-scope) .font-semibold:where(.stack-scope).font-semibold {
font-weight: 600;
}
:where(.stack-scope) .uppercase:where(.stack-scope).uppercase {
text-transform: uppercase;
}
:where(.stack-scope) .capitalize:where(.stack-scope).capitalize {
text-transform: capitalize;
}
:where(.stack-scope) .italic:where(.stack-scope).italic {
font-: italic;
}
:where(.stack-scope) .leading-6:where(.stack-scope).leading-6 {
line-height: 1.5rem;
}
:where(.stack-scope) .leading-\[0\]:where(.stack-scope).leading-\[0\] {
line-height: 0;
}
:where(.stack-scope) .leading-none:where(.stack-scope).leading-none {
line-height: 1;
}
:where(.stack-scope) .leading-relaxed:where(.stack-scope).leading-relaxed {
line-height: 1.625;
}
:where(.stack-scope) .tracking-tight:where(.stack-scope).tracking-tight {
letter-spacing: -0.025em;
}
:where(.stack-scope) .tracking-widest:where(.stack-scope).tracking-widest {
letter-spacing: 0.1em;
}
:where(.stack-scope) .text-accent-foreground:where(.stack-scope).text-accent-foreground {
color: hsl(var(--accent-foreground));
}
:where(.stack-scope) .text-black:where(.stack-scope).text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
:where(.stack-scope) .text-card-foreground:where(.stack-scope).text-card-foreground {
color: hsl(var(--card-foreground));
}
:where(.stack-scope) .text-current:where(.stack-scope).text-current {
color: currentColor;
}
:where(.stack-scope) .text-destructive:where(.stack-scope).text-destructive {
color: hsl(var(--destructive));
}
:where(.stack-scope) .text-destructive-foreground:where(.stack-scope).text-destructive-foreground {
color: hsl(var(--destructive-foreground));
}
:where(.stack-scope) .text-foreground:where(.stack-scope).text-foreground {
color: hsl(var(--foreground));
}
:where(.stack-scope) .text-foreground\/50:where(.stack-scope).text-foreground\/50 {
color: hsl(var(--foreground) / 0.5);
}
:where(.stack-scope) .text-gray-500:where(.stack-scope).text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
:where(.stack-scope) .text-gray-600:where(.stack-scope).text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
:where(.stack-scope) .text-gray-700:where(.stack-scope).text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
:where(.stack-scope) .text-green-300:where(.stack-scope).text-green-300 {
--tw-text-opacity: 1;
color: rgb(134 239 172 / var(--tw-text-opacity));
}
:where(.stack-scope) .text-green-500:where(.stack-scope).text-green-500 {
--tw-text-opacity: 1;
color: rgb(34 197 94 / var(--tw-text-opacity));
}
:where(.stack-scope) .text-green-600:where(.stack-scope).text-green-600 {
--tw-text-opacity: 1;
color: rgb(22 163 74 / var(--tw-text-opacity));
}
:where(.stack-scope) .text-muted-foreground:where(.stack-scope).text-muted-foreground {
color: hsl(var(--muted-foreground));
}
:where(.stack-scope) .text-muted-foreground\/70:where(.stack-scope).text-muted-foreground\/70 {
color: hsl(var(--muted-foreground) / 0.7);
}
:where(.stack-scope) .text-popover-foreground:where(.stack-scope).text-popover-foreground {
color: hsl(var(--popover-foreground));
}
:where(.stack-scope) .text-primary:where(.stack-scope).text-primary {
color: hsl(var(--primary));
}
:where(.stack-scope) .text-primary-foreground:where(.stack-scope).text-primary-foreground {
color: hsl(var(--primary-foreground));
}
:where(.stack-scope) .text-red-300:where(.stack-scope).text-red-300 {
--tw-text-opacity: 1;
color: rgb(252 165 165 / var(--tw-text-opacity));
}
:where(.stack-scope) .text-red-500:where(.stack-scope).text-red-500 {
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity));
}
:where(.stack-scope) .text-red-600:where(.stack-scope).text-red-600 {
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
:where(.stack-scope) .text-secondary-foreground:where(.stack-scope).text-secondary-foreground {
color: hsl(var(--secondary-foreground));
}
:where(.stack-scope) .text-success:where(.stack-scope).text-success {
color: hsl(var(--success));
}
:where(.stack-scope) .text-success-foreground:where(.stack-scope).text-success-foreground {
color: hsl(var(--success-foreground));
}
:where(.stack-scope) .text-white:where(.stack-scope).text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
:where(.stack-scope) .text-zinc-400:where(.stack-scope).text-zinc-400 {
--tw-text-opacity: 1;
color: rgb(161 161 170 / var(--tw-text-opacity));
}
:where(.stack-scope) .text-zinc-500:where(.stack-scope).text-zinc-500 {
--tw-text-opacity: 1;
color: rgb(113 113 122 / var(--tw-text-opacity));
}
:where(.stack-scope) .text-zinc-600:where(.stack-scope).text-zinc-600 {
--tw-text-opacity: 1;
color: rgb(82 82 91 / var(--tw-text-opacity));
}
:where(.stack-scope) .text-zinc-700:where(.stack-scope).text-zinc-700 {
--tw-text-opacity: 1;
color: rgb(63 63 70 / var(--tw-text-opacity));
}
:where(.stack-scope) .text-zinc-800:where(.stack-scope).text-zinc-800 {
--tw-text-opacity: 1;
color: rgb(39 39 42 / var(--tw-text-opacity));
}
:where(.stack-scope) .underline:where(.stack-scope).underline {
text-decoration-line: underline;
}
:where(.stack-scope) .underline-offset-4:where(.stack-scope).underline-offset-4 {
text-underline-offset: 4px;
}
:where(.stack-scope) .opacity-0:where(.stack-scope).opacity-0 {
opacity: 0;
}
:where(.stack-scope) .opacity-100:where(.stack-scope).opacity-100 {
opacity: 1;
}
:where(.stack-scope) .opacity-50:where(.stack-scope).opacity-50 {
opacity: 0.5;
}
:where(.stack-scope) .opacity-60:where(.stack-scope).opacity-60 {
opacity: 0.6;
}
:where(.stack-scope) .opacity-70:where(.stack-scope).opacity-70 {
opacity: 0.7;
}
:where(.stack-scope) .opacity-85:where(.stack-scope).opacity-85 {
opacity: 0.85;
}
:where(.stack-scope) .opacity-90:where(.stack-scope).opacity-90 {
opacity: 0.9;
}
:where(.stack-scope) .shadow:where(.stack-scope).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-shadow0 0 #0000)var(--tw-ring-shadow0 0 #0000)var(--tw-shadow);
}
:where(.stack-scope) .shadow-2xl:where(.stack-scope).shadow-2xl {
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow0 0 #0000)var(--tw-ring-shadow0 0 #0000)var(--tw-shadow);
}
:where(.stack-scope) .shadow-lg:where(.stack-scope).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-shadow0 0 #0000)var(--tw-ring-shadow0 0 #0000)var(--tw-shadow);
}
:where(.stack-scope) .shadow-md:where(.stack-scope).shadow-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1)0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color)0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow0 0 #0000)var(--tw-ring-shadow0 0 #0000)var(--tw-shadow);
}
:where(.stack-scope) .shadow-sm:where(.stack-scope).shadow-sm {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow0 0 #0000)var(--tw-ring-shadow0 0 #0000)var(--tw-shadow);
}
:where(.stack-scope) .outline-none:where(.stack-scope).outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
}
:where(.stack-scope) .outline:where(.stack-scope).outline {
outline-: solid;
}
:where(.stack-scope) .ring:where(.stack-scope).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-shadow0 0 #0000);
}
:where(.stack-scope) .ring-0:where(.stack-scope).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-shadow0 0 #0000);
}
:where(.stack-scope) .ring-1:where(.stack-scope).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-shadow0 0 #0000);
}
:where(.stack-scope) .ring-primary:where(.stack-scope).ring-primary {
--tw-ring-color: hsl(var(--primary));
}
:where(.stack-scope) .ring-red-500:where(.stack-scope).ring-red-500 {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}
:where(.stack-scope) .ring-ring:where(.stack-scope).ring-ring {
--tw-ring-color: hsl(var(--ring));
}
:where(.stack-scope) .ring-offset-background:where(.stack-scope).ring-offset-background {
--tw-ring-offset-color: hsl(var(--background));
}
:where(.stack-scope) .blur:where(.stack-scope).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);
}
:where(.stack-scope) .filter:where(.stack-scope).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);
}
:where(.stack-scope) .backdrop-blur-md:where(.stack-scope).backdrop-blur-md {
--tw-backdrop-blur: blur(12px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
:where(.stack-scope) .backdrop-blur-sm:where(.stack-scope).backdrop-blur-sm {
--tw-backdrop-blur: blur(4px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
:where(.stack-scope) .backdrop-blur-xl:where(.stack-scope).backdrop-blur-xl {
--tw-backdrop-blur: blur(24px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
:where(.stack-scope) .backdrop-filter:where(.stack-scope).backdrop-filter {
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
:where(.stack-scope) .transition:where(.stack-scope).transition {
transition-property: colorbackground-colorborder-colortext-decoration-colorfillstrokeopacitybox-shadowtransformfilter-webkit-backdrop-filter;
transition-property: colorbackground-colorborder-colortext-decoration-colorfillstrokeopacitybox-shadowtransformfilterbackdrop-filter;
transition-property: colorbackground-colorborder-colortext-decoration-colorfillstrokeopacitybox-shadowtransformfilterbackdrop-filter-webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.400.21);
transition-duration: 150ms;
}
:where(.stack-scope) .transition-all:where(.stack-scope).transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.400.21);
transition-duration: 150ms;
}
:where(.stack-scope) .transition-colors:where(.stack-scope).transition-colors {
transition-property: colorbackground-colorborder-colortext-decoration-colorfillstroke;
transition-timing-function: cubic-bezier(0.400.21);
transition-duration: 150ms;
}
:where(.stack-scope) .transition-opacity:where(.stack-scope).transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.400.21);
transition-duration: 150ms;
}
:where(.stack-scope) .transition-transform:where(.stack-scope).transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.400.21);
transition-duration: 150ms;
}
:where(.stack-scope) .duration-100:where(.stack-scope).duration-100 {
transition-duration: 100ms;
}
:where(.stack-scope) .duration-1000:where(.stack-scope).duration-1000 {
transition-duration: 1000ms;
}
:where(.stack-scope) .duration-200:where(.stack-scope).duration-200 {
transition-duration: 200ms;
}
:where(.stack-scope) .duration-300:where(.stack-scope).duration-300 {
transition-duration: 300ms;
}
:where(.stack-scope) .ease-in-out:where(.stack-scope).ease-in-out {
transition-timing-function: cubic-bezier(0.400.21);
}
@keyframes enter {
from {
opacity: var(--tw-enter-opacity1);
transform: translate3d(var(--tw-enter-translate-x0)var(--tw-enter-translate-y0)0) scale3d(var(--tw-enter-scale1)var(--tw-enter-scale1)var(--tw-enter-scale1)) rotate(var(--tw-enter-rotate0));
}
}
@keyframes exit {
to {
opacity: var(--tw-exit-opacity1);
transform: translate3d(var(--tw-exit-translate-x0)var(--tw-exit-translate-y0)0) scale3d(var(--tw-exit-scale1)var(--tw-exit-scale1)var(--tw-exit-scale1)) rotate(var(--tw-exit-rotate0));
}
}
:where(.stack-scope) .animate-in:where(.stack-scope).animate-in {
animation-name: enter;
animation-duration: 150ms;
--tw-enter-opacity: initial;
--tw-enter-scale: initial;
--tw-enter-rotate: initial;
--tw-enter-translate-x: initial;
--tw-enter-translate-y: initial;
}
:where(.stack-scope) .fade-in:where(.stack-scope).fade-in {
--tw-enter-opacity: 0;
}
:where(.stack-scope) .fade-in-0:where(.stack-scope).fade-in-0 {
--tw-enter-opacity: 0;
}
:where(.stack-scope) .zoom-in:where(.stack-scope).zoom-in {
--tw-enter-scale: 0;
}
:where(.stack-scope) .zoom-in-95:where(.stack-scope).zoom-in-95 {
--tw-enter-scale: .95;
}
:where(.stack-scope) .slide-in-from-bottom-2:where(.stack-scope).slide-in-from-bottom-2 {
--tw-enter-translate-y: 0.5rem;
}
:where(.stack-scope) .slide-in-from-left-1:where(.stack-scope).slide-in-from-left-1 {
--tw-enter-translate-x: -0.25rem;
}
:where(.stack-scope) .slide-out-to-left-1:where(.stack-scope).slide-out-to-left-1 {
--tw-exit-translate-x: -0.25rem;
}
:where(.stack-scope) .duration-100:where(.stack-scope).duration-100 {
animation-duration: 100ms;
}
:where(.stack-scope) .duration-1000:where(.stack-scope).duration-1000 {
animation-duration: 1000ms;
}
:where(.stack-scope) .duration-200:where(.stack-scope).duration-200 {
animation-duration: 200ms;
}
:where(.stack-scope) .duration-300:where(.stack-scope).duration-300 {
animation-duration: 300ms;
}
:where(.stack-scope) .ease-in-out:where(.stack-scope).ease-in-out {
animation-timing-function: cubic-bezier(0.400.21);
}
:where(.stack-scope) .running:where(.stack-scope).running {
animation-play-state: running;
}
:where(.stack-scope) **:where(.stack-scope) {
border-color: hsl(var(--border));
}
:where(.stack-scope) * .hide-password-toggle::-ms-reveal,
:where(.stack-scope) * .hide-password-toggle::-ms-clear,
*:where(.stack-scope) .hide-password-toggle::-ms-reveal,
*:where(.stack-scope) .hide-password-toggle::-ms-clear {
visibility: hidden;
pointer-events: none;
display: none;
}
:where(.stack-scope) .file\:border-0::file-selector-button:where(.stack-scope).file\:border-0::file-selector-button {
border-width: 0px;
}
:where(.stack-scope) .file\:bg-transparent::file-selector-button:where(.stack-scope).file\:bg-transparent::file-selector-button {
background-color: transparent;
}
:where(.stack-scope) .file\:text-sm::file-selector-button:where(.stack-scope).file\:text-sm::file-selector-button {
font-size: 0.875rem;
line-height: 1.25rem;
}
:where(.stack-scope) .file\:font-medium::file-selector-button:where(.stack-scope).file\:font-medium::file-selector-button {
font-weight: 500;
}
:where(.stack-scope) .placeholder\:text-muted-foreground::-moz-placeholder:where(.stack-scope).placeholder\:text-muted-foreground::-moz-placeholder {
color: hsl(var(--muted-foreground));
}
:where(.stack-scope) .placeholder\:text-muted-foreground::placeholder:where(.stack-scope).placeholder\:text-muted-foreground::placeholder {
color: hsl(var(--muted-foreground));
}
:where(.stack-scope) .after\:absolute::after:where(.stack-scope).after\:absolute::after {
content: var(--tw-content);
position: absolute;
}
:where(.stack-scope) .after\:inset-y-0::after:where(.stack-scope).after\:inset-y-0::after {
content: var(--tw-content);
top: 0px;
bottom: 0px;
}
:where(.stack-scope) .after\:left-1\/2::after:where(.stack-scope).after\:left-1\/2::after {
content: var(--tw-content);
left: 50%;
}
:where(.stack-scope) .after\:w-1::after:where(.stack-scope).after\:w-1::after {
content: var(--tw-content);
width: 0.25rem;
}
:where(.stack-scope) .after\:-translate-x-1\/2::after:where(.stack-scope).after\:-translate-x-1\/2::after {
content: var(--tw-content);
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x)var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:where(.stack-scope) .focus-within\:relative:focus-within:where(.stack-scope).focus-within\:relative:focus-within {
position: relative;
}
:where(.stack-scope) .focus-within\:z-20:focus-within:where(.stack-scope).focus-within\:z-20:focus-within {
z-index: 20;
}
:where(.stack-scope) .hover\:bg-accent:hover:where(.stack-scope).hover\:bg-accent:hover {
background-color: hsl(var(--accent));
}
:where(.stack-scope) .hover\:bg-destructive\/90:hover:where(.stack-scope).hover\:bg-destructive\/90:hover {
background-color: hsl(var(--destructive) / 0.9);
}
:where(.stack-scope) .hover\:bg-muted:hover:where(.stack-scope).hover\:bg-muted:hover {
background-color: hsl(var(--muted));
}
:where(.stack-scope) .hover\:bg-muted\/50:hover:where(.stack-scope).hover\:bg-muted\/50:hover {
background-color: hsl(var(--muted) / 0.5);
}
:where(.stack-scope) .hover\:bg-primary:hover:where(.stack-scope).hover\:bg-primary:hover {
background-color: hsl(var(--primary));
}
:where(.stack-scope) .hover\:bg-primary\/90:hover:where(.stack-scope).hover\:bg-primary\/90:hover {
background-color: hsl(var(--primary) / 0.9);
}
:where(.stack-scope) .hover\:bg-secondary:hover:where(.stack-scope).hover\:bg-secondary:hover {
background-color: hsl(var(--secondary));
}
:where(.stack-scope) .hover\:bg-secondary\/80:hover:where(.stack-scope).hover\:bg-secondary\/80:hover {
background-color: hsl(var(--secondary) / 0.8);
}
:where(.stack-scope) .hover\:bg-transparent:hover:where(.stack-scope).hover\:bg-transparent:hover {
background-color: transparent;
}
:where(.stack-scope) .hover\:text-accent-foreground:hover:where(.stack-scope).hover\:text-accent-foreground:hover {
color: hsl(var(--accent-foreground));
}
:where(.stack-scope) .hover\:text-foreground:hover:where(.stack-scope).hover\:text-foreground:hover {
color: hsl(var(--foreground));
}
:where(.stack-scope) .hover\:text-muted-foreground:hover:where(.stack-scope).hover\:text-muted-foreground:hover {
color: hsl(var(--muted-foreground));
}
:where(.stack-scope) .hover\:text-primary-foreground:hover:where(.stack-scope).hover\:text-primary-foreground:hover {
color: hsl(var(--primary-foreground));
}
:where(.stack-scope) .hover\:underline:hover:where(.stack-scope).hover\:underline:hover {
text-decoration-line: underline;
}
:where(.stack-scope) .hover\:opacity-100:hover:where(.stack-scope).hover\:opacity-100:hover {
opacity: 1;
}
:where(.stack-scope) .focus\:bg-accent:focus:where(.stack-scope).focus\:bg-accent:focus {
background-color: hsl(var(--accent));
}
:where(.stack-scope) .focus\:bg-primary:focus:where(.stack-scope).focus\:bg-primary:focus {
background-color: hsl(var(--primary));
}
:where(.stack-scope) .focus\:text-accent-foreground:focus:where(.stack-scope).focus\:text-accent-foreground:focus {
color: hsl(var(--accent-foreground));
}
:where(.stack-scope) .focus\:text-primary-foreground:focus:where(.stack-scope).focus\:text-primary-foreground:focus {
color: hsl(var(--primary-foreground));
}
:where(.stack-scope) .focus\:opacity-100:focus:where(.stack-scope).focus\:opacity-100:focus {
opacity: 1;
}
:where(.stack-scope) .focus\:outline-none:focus:where(.stack-scope).focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
:where(.stack-scope) .focus\:ring-1:focus:where(.stack-scope).focus\: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-shadow0 0 #0000);
}
:where(.stack-scope) .focus\:ring-2:focus:where(.stack-scope).focus\:ring-2: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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow)var(--tw-ring-shadow)var(--tw-shadow0 0 #0000);
}
:where(.stack-scope) .focus\:ring-primary\/50:focus:where(.stack-scope).focus\:ring-primary\/50:focus {
--tw-ring-color: hsl(var(--primary) / 0.5);
}
:where(.stack-scope) .focus\:ring-ring:focus:where(.stack-scope).focus\:ring-ring:focus {
--tw-ring-color: hsl(var(--ring));
}
:where(.stack-scope) .focus\:ring-offset-2:focus:where(.stack-scope).focus\:ring-offset-2:focus {
--tw-ring-offset-width: 2px;
}
:where(.stack-scope) .focus-visible\:outline-none:focus-visible:where(.stack-scope).focus-visible\:outline-none:focus-visible {
outline: 2px solid transparent;
outline-offset: 2px;
}
:where(.stack-scope) .focus-visible\:ring-1:focus-visible:where(.stack-scope).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-shadow0 0 #0000);
}
:where(.stack-scope) .focus-visible\:ring-2:focus-visible:where(.stack-scope).focus-visible\:ring-2: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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow)var(--tw-ring-shadow)var(--tw-shadow0 0 #0000);
}
:where(.stack-scope) .focus-visible\:ring-ring:focus-visible:where(.stack-scope).focus-visible\:ring-ring:focus-visible {
--tw-ring-color: hsl(var(--ring));
}
:where(.stack-scope) .focus-visible\:ring-offset-1:focus-visible:where(.stack-scope).focus-visible\:ring-offset-1:focus-visible {
--tw-ring-offset-width: 1px;
}
:where(.stack-scope) .focus-visible\:ring-offset-2:focus-visible:where(.stack-scope).focus-visible\:ring-offset-2:focus-visible {
--tw-ring-offset-width: 2px;
}
:where(.stack-scope) .focus-visible\:ring-offset-background:focus-visible:where(.stack-scope).focus-visible\:ring-offset-background:focus-visible {
--tw-ring-offset-color: hsl(var(--background));
}
:where(.stack-scope) .disabled\:pointer-events-none:disabled:where(.stack-scope).disabled\:pointer-events-none:disabled {
pointer-events: none;
}
:where(.stack-scope) .disabled\:cursor-not-allowed:disabled:where(.stack-scope).disabled\:cursor-not-allowed:disabled {
cursor: not-allowed;
}
:where(.stack-scope) .disabled\:opacity-50:disabled:where(.stack-scope).disabled\:opacity-50:disabled {
opacity: 0.5;
}
:where(.stack-scope) .group:hover .group-hover\:opacity-100:where(.stack-scope).group:hover .group-hover\:opacity-100 {
opacity: 1;
}
:where(.stack-scope) .group.destructive .group-\[\.destructive\]\:border-muted\/40:where(.stack-scope).group.destructive .group-\[\.destructive\]\:border-muted\/40 {
border-color: hsl(var(--muted) / 0.4);
}
:where(.stack-scope) .group.destructive .group-\[\.destructive\]\:text-red-300:where(.stack-scope).group.destructive .group-\[\.destructive\]\:text-red-300 {
--tw-text-opacity: 1;
color: rgb(252 165 165 / var(--tw-text-opacity));
}
:where(.stack-scope) .group.success .group-\[\.success\]\:text-green-300:where(.stack-scope).group.success .group-\[\.success\]\:text-green-300 {
--tw-text-opacity: 1;
color: rgb(134 239 172 / var(--tw-text-opacity));
}
:where(.stack-scope) .group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover:where(.stack-scope).group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover {
border-color: hsl(var(--destructive) / 0.3);
}
:where(.stack-scope) .group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover:where(.stack-scope).group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover {
background-color: hsl(var(--destructive));
}
:where(.stack-scope) .group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover:where(.stack-scope).group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover {
color: hsl(var(--destructive-foreground));
}
:where(.stack-scope) .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover:where(.stack-scope).group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
--tw-text-opacity: 1;
color: rgb(254 242 242 / var(--tw-text-opacity));
}
:where(.stack-scope) .group.success .group-\[\.success\]\:hover\:text-green-50:hover:where(.stack-scope).group.success .group-\[\.success\]\:hover\:text-green-50:hover {
--tw-text-opacity: 1;
color: rgb(240 253 244 / var(--tw-text-opacity));
}
:where(.stack-scope) .group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus:where(.stack-scope).group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus {
--tw-ring-color: hsl(var(--destructive));
}
:where(.stack-scope) .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus:where(.stack-scope).group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
}
:where(.stack-scope) .group.success .group-\[\.success\]\:focus\:ring-green-400:focus:where(.stack-scope).group.success .group-\[\.success\]\:focus\:ring-green-400:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity));
}
:where(.stack-scope) .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus:where(.stack-scope).group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
--tw-ring-offset-color: #dc2626;
}
:where(.stack-scope) .group.success .group-\[\.success\]\:focus\:ring-offset-green-600:focus:where(.stack-scope).group.success .group-\[\.success\]\:focus\:ring-offset-green-600:focus {
--tw-ring-offset-color: #16a34a;
}
:where(.stack-scope) .peer:disabled ~ .peer-disabled\:cursor-not-allowed:where(.stack-scope).peer:disabled ~ .peer-disabled\:cursor-not-allowed {
cursor: not-allowed;
}
:where(.stack-scope) .peer:disabled ~ .peer-disabled\:opacity-70:where(.stack-scope).peer:disabled ~ .peer-disabled\:opacity-70 {
opacity: 0.7;
}
:where(.stack-scope) .has-\[\:disabled\]\:opacity-50:has(:disabled):where(.stack-scope).has-\[\:disabled\]\:opacity-50:has(:disabled) {
opacity: 0.5;
}
:where(.stack-scope) .aria-selected\:bg-accent[aria-selected="true"]:where(.stack-scope).aria-selected\:bg-accent[aria-selected="true"] {
background-color: hsl(var(--accent));
}
:where(.stack-scope) .aria-selected\:text-accent-foreground[aria-selected="true"]:where(.stack-scope).aria-selected\:text-accent-foreground[aria-selected="true"] {
color: hsl(var(--accent-foreground));
}
:where(.stack-scope) .aria-selected\:opacity-100[aria-selected="true"]:where(.stack-scope).aria-selected\:opacity-100[aria-selected="true"] {
opacity: 1;
}
:where(.stack-scope) .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]:where(.stack-scope).data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
pointer-events: none;
}
:where(.stack-scope) .data-\[disabled\]\:pointer-events-none[data-disabled]:where(.stack-scope).data-\[disabled\]\:pointer-events-none[data-disabled] {
pointer-events: none;
}
:where(.stack-scope) .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"]:where(.stack-scope).data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
height: 1px;
}
:where(.stack-scope) .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"]:where(.stack-scope).data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
width: 100%;
}
:where(.stack-scope) .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]:where(.stack-scope).data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
--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));
}
:where(.stack-scope) .data-\[side\=left\]\:-translate-x-1[data-side="left"]:where(.stack-scope).data-\[side\=left\]\:-translate-x-1[data-side="left"] {
--tw-translate-x: -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));
}
:where(.stack-scope) .data-\[side\=right\]\:translate-x-1[data-side="right"]:where(.stack-scope).data-\[side\=right\]\:translate-x-1[data-side="right"] {
--tw-translate-x: 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));
}
:where(.stack-scope) .data-\[side\=top\]\:-translate-y-1[data-side="top"]:where(.stack-scope).data-\[side\=top\]\:-translate-y-1[data-side="top"] {
--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));
}
:where(.stack-scope) .data-\[state\=checked\]\:translate-x-4[data-state="checked"]:where(.stack-scope).data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
--tw-translate-x: 1rem;
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));
}
:where(.stack-scope) .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]:where(.stack-scope).data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
--tw-translate-x: 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));
}
:where(.stack-scope) .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"]:where(.stack-scope).data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] {
--tw-translate-x: 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));
}
:where(.stack-scope) .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"]:where(.stack-scope).data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
--tw-translate-x: var(--radix-toast-swipe-end-x);
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));
}
:where(.stack-scope) .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"]:where(.stack-scope).data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
--tw-translate-x: var(--radix-toast-swipe-move-x);
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 accordion-up {
from {
height: var(--radix-accordion-content-height);
}
to {
height: 0;
}
}
:where(.stack-scope) .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"]:where(.stack-scope).data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
animation: accordion-up 0.2s ease-out;
}
@keyframes accordion-down {
from {
height: 0;
}
to {
height: var(--radix-accordion-content-height);
}
}
:where(.stack-scope) .data-\[state\=open\]\:animate-accordion-down[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
animation: accordion-down 0.2s ease-out;
}
:where(.stack-scope) .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"]:where(.stack-scope).data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
flex-direction: column;
}
:where(.stack-scope) .data-\[active\]\:bg-accent\/50[data-active]:where(.stack-scope).data-\[active\]\:bg-accent\/50[data-active] {
background-color: hsl(var(--accent) / 0.5);
}
:where(.stack-scope) .data-\[state\=active\]\:bg-background[data-state="active"]:where(.stack-scope).data-\[state\=active\]\:bg-background[data-state="active"] {
background-color: hsl(var(--background));
}
:where(.stack-scope) .data-\[state\=checked\]\:bg-primary[data-state="checked"]:where(.stack-scope).data-\[state\=checked\]\:bg-primary[data-state="checked"] {
background-color: hsl(var(--primary));
}
:where(.stack-scope) .data-\[state\=on\]\:bg-accent[data-state="on"]:where(.stack-scope).data-\[state\=on\]\:bg-accent[data-state="on"] {
background-color: hsl(var(--accent));
}
:where(.stack-scope) .data-\[state\=open\]\:bg-accent[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:bg-accent[data-state="open"] {
background-color: hsl(var(--accent));
}
:where(.stack-scope) .data-\[state\=open\]\:bg-accent\/50[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
background-color: hsl(var(--accent) / 0.5);
}
:where(.stack-scope) .data-\[state\=open\]\:bg-muted[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:bg-muted[data-state="open"] {
background-color: hsl(var(--muted));
}
:where(.stack-scope) .data-\[state\=open\]\:bg-secondary[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:bg-secondary[data-state="open"] {
background-color: hsl(var(--secondary));
}
:where(.stack-scope) .data-\[state\=selected\]\:bg-muted[data-state="selected"]:where(.stack-scope).data-\[state\=selected\]\:bg-muted[data-state="selected"] {
background-color: hsl(var(--muted));
}
:where(.stack-scope) .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"]:where(.stack-scope).data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
background-color: hsl(var(--input));
}
:where(.stack-scope) .data-\[state\=active\]\:text-foreground[data-state="active"]:where(.stack-scope).data-\[state\=active\]\:text-foreground[data-state="active"] {
color: hsl(var(--foreground));
}
:where(.stack-scope) .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"]:where(.stack-scope).data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
color: hsl(var(--primary-foreground));
}
:where(.stack-scope) .data-\[state\=on\]\:text-accent-foreground[data-state="on"]:where(.stack-scope).data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
color: hsl(var(--accent-foreground));
}
:where(.stack-scope) .data-\[state\=open\]\:text-accent-foreground[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
color: hsl(var(--accent-foreground));
}
:where(.stack-scope) .data-\[state\=open\]\:text-muted-foreground[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
color: hsl(var(--muted-foreground));
}
:where(.stack-scope) .data-\[disabled\=true\]\:opacity-50[data-disabled="true"]:where(.stack-scope).data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
opacity: 0.5;
}
:where(.stack-scope) .data-\[disabled\]\:opacity-50[data-disabled]:where(.stack-scope).data-\[disabled\]\:opacity-50[data-disabled] {
opacity: 0.5;
}
:where(.stack-scope) .data-\[state\=active\]\:shadow-sm[data-state="active"]:where(.stack-scope).data-\[state\=active\]\:shadow-sm[data-state="active"] {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow0 0 #0000)var(--tw-ring-shadow0 0 #0000)var(--tw-shadow);
}
:where(.stack-scope) .data-\[swipe\=move\]\:transition-none[data-swipe="move"]:where(.stack-scope).data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
transition-property: none;
}
:where(.stack-scope) .data-\[state\=closed\]\:duration-100[data-state="closed"]:where(.stack-scope).data-\[state\=closed\]\:duration-100[data-state="closed"] {
transition-duration: 100ms;
}
:where(.stack-scope) .data-\[state\=open\]\:duration-100[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:duration-100[data-state="open"] {
transition-duration: 100ms;
}
:where(.stack-scope) .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"]:where(.stack-scope).data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
animation-name: enter;
animation-duration: 150ms;
--tw-enter-opacity: initial;
--tw-enter-scale: initial;
--tw-enter-rotate: initial;
--tw-enter-translate-x: initial;
--tw-enter-translate-y: initial;
}
:where(.stack-scope) .data-\[state\=open\]\:animate-in[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:animate-in[data-state="open"] {
animation-name: enter;
animation-duration: 150ms;
--tw-enter-opacity: initial;
--tw-enter-scale: initial;
--tw-enter-rotate: initial;
--tw-enter-translate-x: initial;
--tw-enter-translate-y: initial;
}
:where(.stack-scope) .data-\[state\=visible\]\:animate-in[data-state="visible"]:where(.stack-scope).data-\[state\=visible\]\:animate-in[data-state="visible"] {
animation-name: enter;
animation-duration: 150ms;
--tw-enter-opacity: initial;
--tw-enter-scale: initial;
--tw-enter-rotate: initial;
--tw-enter-translate-x: initial;
--tw-enter-translate-y: initial;
}
:where(.stack-scope) .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"]:where(.stack-scope).data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
animation-name: exit;
animation-duration: 150ms;
--tw-exit-opacity: initial;
--tw-exit-scale: initial;
--tw-exit-rotate: initial;
--tw-exit-translate-x: initial;
--tw-exit-translate-y: initial;
}
:where(.stack-scope) .data-\[state\=closed\]\:animate-out[data-state="closed"]:where(.stack-scope).data-\[state\=closed\]\:animate-out[data-state="closed"] {
animation-name: exit;
animation-duration: 150ms;
--tw-exit-opacity: initial;
--tw-exit-scale: initial;
--tw-exit-rotate: initial;
--tw-exit-translate-x: initial;
--tw-exit-translate-y: initial;
}
:where(.stack-scope) .data-\[state\=hidden\]\:animate-out[data-state="hidden"]:where(.stack-scope).data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
animation-name: exit;
animation-duration: 150ms;
--tw-exit-opacity: initial;
--tw-exit-scale: initial;
--tw-exit-rotate: initial;
--tw-exit-translate-x: initial;
--tw-exit-translate-y: initial;
}
:where(.stack-scope) .data-\[swipe\=end\]\:animate-out[data-swipe="end"]:where(.stack-scope).data-\[swipe\=end\]\:animate-out[data-swipe="end"] {
animation-name: exit;
animation-duration: 150ms;
--tw-exit-opacity: initial;
--tw-exit-scale: initial;
--tw-exit-rotate: initial;
--tw-exit-translate-x: initial;
--tw-exit-translate-y: initial;
}
:where(.stack-scope) .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"]:where(.stack-scope).data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
--tw-enter-opacity: 0;
}
:where(.stack-scope) .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"]:where(.stack-scope).data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
--tw-exit-opacity: 0;
}
:where(.stack-scope) .data-\[state\=closed\]\:fade-out[data-state="closed"]:where(.stack-scope).data-\[state\=closed\]\:fade-out[data-state="closed"] {
--tw-exit-opacity: 0;
}
:where(.stack-scope) .data-\[state\=closed\]\:fade-out-0[data-state="closed"]:where(.stack-scope).data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
--tw-exit-opacity: 0;
}
:where(.stack-scope) .data-\[state\=closed\]\:fade-out-80[data-state="closed"]:where(.stack-scope).data-\[state\=closed\]\:fade-out-80[data-state="closed"] {
--tw-exit-opacity: 0.8;
}
:where(.stack-scope) .data-\[state\=hidden\]\:fade-out[data-state="hidden"]:where(.stack-scope).data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
--tw-exit-opacity: 0;
}
:where(.stack-scope) .data-\[state\=open\]\:fade-in[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:fade-in[data-state="open"] {
--tw-enter-opacity: 0;
}
:where(.stack-scope) .data-\[state\=open\]\:fade-in-0[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:fade-in-0[data-state="open"] {
--tw-enter-opacity: 0;
}
:where(.stack-scope) .data-\[state\=visible\]\:fade-in[data-state="visible"]:where(.stack-scope).data-\[state\=visible\]\:fade-in[data-state="visible"] {
--tw-enter-opacity: 0;
}
:where(.stack-scope) .data-\[state\=closed\]\:zoom-out-95[data-state="closed"]:where(.stack-scope).data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
--tw-exit-scale: .95;
}
:where(.stack-scope) .data-\[state\=open\]\:zoom-in-90[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:zoom-in-90[data-state="open"] {
--tw-enter-scale: .9;
}
:where(.stack-scope) .data-\[state\=open\]\:zoom-in-95[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:zoom-in-95[data-state="open"] {
--tw-enter-scale: .95;
}
:where(.stack-scope) .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"]:where(.stack-scope).data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
--tw-enter-translate-x: 13rem;
}
:where(.stack-scope) .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"]:where(.stack-scope).data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
--tw-enter-translate-x: -13rem;
}
:where(.stack-scope) .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"]:where(.stack-scope).data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
--tw-exit-translate-x: 13rem;
}
:where(.stack-scope) .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"]:where(.stack-scope).data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
--tw-exit-translate-x: -13rem;
}
:where(.stack-scope) .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]:where(.stack-scope).data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
--tw-enter-translate-y: -0.5rem;
}
:where(.stack-scope) .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]:where(.stack-scope).data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
--tw-enter-translate-x: 0.5rem;
}
:where(.stack-scope) .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]:where(.stack-scope).data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
--tw-enter-translate-x: -0.5rem;
}
:where(.stack-scope) .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]:where(.stack-scope).data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
--tw-enter-translate-y: 0.5rem;
}
:where(.stack-scope) .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]:where(.stack-scope).data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
--tw-exit-translate-y: 100%;
}
:where(.stack-scope) .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]:where(.stack-scope).data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
--tw-exit-translate-x: -100%;
}
:where(.stack-scope) .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"]:where(.stack-scope).data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
--tw-exit-translate-x: -50%;
}
:where(.stack-scope) .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]:where(.stack-scope).data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
--tw-exit-translate-x: 100%;
}
:where(.stack-scope) .data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"]:where(.stack-scope).data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"] {
--tw-exit-translate-x: 100%;
}
:where(.stack-scope) .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]:where(.stack-scope).data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
--tw-exit-translate-y: -100%;
}
:where(.stack-scope) .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"]:where(.stack-scope).data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
--tw-exit-translate-y: -48%;
}
:where(.stack-scope) .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
--tw-enter-translate-y: 100%;
}
:where(.stack-scope) .data-\[state\=open\]\:slide-in-from-left[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
--tw-enter-translate-x: -100%;
}
:where(.stack-scope) .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
--tw-enter-translate-x: -50%;
}
:where(.stack-scope) .data-\[state\=open\]\:slide-in-from-right[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
--tw-enter-translate-x: 100%;
}
:where(.stack-scope) .data-\[state\=open\]\:slide-in-from-top[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
--tw-enter-translate-y: -100%;
}
:where(.stack-scope) .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"]:where(.stack-scope).data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
--tw-enter-translate-y: -48%;
}
:where(.stack-scope) .data-\[state\=open\]\:slide-in-from-top-full[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:slide-in-from-top-full[data-state="open"] {
--tw-enter-translate-y: -100%;
}
:where(.stack-scope) .data-\[state\=closed\]\:duration-100[data-state="closed"]:where(.stack-scope).data-\[state\=closed\]\:duration-100[data-state="closed"] {
animation-duration: 100ms;
}
:where(.stack-scope) .data-\[state\=open\]\:duration-100[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:duration-100[data-state="open"] {
animation-duration: 100ms;
}
:where(.stack-scope) .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after:where(.stack-scope).data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after {
content: var(--tw-content);
left: 0px;
}
:where(.stack-scope) .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after:where(.stack-scope).data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after {
content: var(--tw-content);
height: 0.25rem;
}
:where(.stack-scope) .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after:where(.stack-scope).data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after {
content: var(--tw-content);
width: 100%;
}
:where(.stack-scope) .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after:where(.stack-scope).data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after {
content: var(--tw-content);
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x)var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:where(.stack-scope) .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after:where(.stack-scope).data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after {
content: var(--tw-content);
--tw-translate-x: 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));
}
:where(.stack-scope) .group[data-state="open"] .group-data-\[state\=open\]\:rotate-180:where(.stack-scope).group[data-state="open"] .group-data-\[state\=open\]\: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));
}
@media (min-width: 640px) {
:where(.stack-scope) .sm\:bottom-0:where(.stack-scope).sm\:bottom-0 {
bottom: 0px;
}
:where(.stack-scope) .sm\:right-0:where(.stack-scope).sm\:right-0 {
right: 0px;
}
:where(.stack-scope) .sm\:top-auto:where(.stack-scope).sm\:top-auto {
top: auto;
}
:where(.stack-scope) .sm\:flex:where(.stack-scope).sm\:flex {
display: flex;
}
:where(.stack-scope) .sm\:hidden:where(.stack-scope).sm\:hidden {
display: none;
}
:where(.stack-scope) .sm\:max-w-sm:where(.stack-scope).sm\:max-w-sm {
max-width: 24rem;
}
:where(.stack-scope) .sm\:flex-1:where(.stack-scope).sm\:flex-1 {
flex: 1 1 0%;
}
:where(.stack-scope) .sm\:flex-row:where(.stack-scope).sm\:flex-row {
flex-direction: row;
}
:where(.stack-scope) .sm\:flex-col:where(.stack-scope).sm\:flex-col {
flex-direction: column;
}
:where(.stack-scope) .sm\:items-end:where(.stack-scope).sm\:items-end {
align-items: flex-end;
}
:where(.stack-scope) .sm\:justify-end:where(.stack-scope).sm\:justify-end {
justify-content: flex-end;
}
:where(.stack-scope) .sm\:gap-2\.5:where(.stack-scope).sm\:gap-2\.5 {
gap: 0.625rem;
}
:where(.stack-scope) .sm\:gap-y-0:where(.stack-scope).sm\:gap-y-0 {
row-gap: 0px;
}
:where(.stack-scope) .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]):where(.stack-scope).sm\: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)));
}
:where(.stack-scope) .sm\:rounded-lg:where(.stack-scope).sm\:rounded-lg {
border-radius: var(--radius);
}
:where(.stack-scope) .sm\:bg-muted:where(.stack-scope).sm\:bg-muted {
background-color: hsl(var(--muted));
}
:where(.stack-scope) .sm\:text-left:where(.stack-scope).sm\:text-left {
text-align: left;
}
:where(.stack-scope) .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"]:where(.stack-scope).data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"] {
--tw-enter-translate-y: 100%;
}
}
@media (min-width: 768px) {
:where(.stack-scope) .md\:absolute:where(.stack-scope).md\:absolute {
position: absolute;
}
:where(.stack-scope) .md\:w-\[90\%\]:where(.stack-scope).md\:w-\[90\%\] {
width: 90%;
}
:where(.stack-scope) .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]:where(.stack-scope).md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
width: var(--radix-navigation-menu-viewport-width);
}
:where(.stack-scope) .md\:w-auto:where(.stack-scope).md\:w-auto {
width: auto;
}
:where(.stack-scope) .md\:max-w-\[420px\]:where(.stack-scope).md\:max-w-\[420px\] {
max-width: 420px;
}
:where(.stack-scope) .md\:flex-row:where(.stack-scope).md\:flex-row {
flex-direction: row;
}
:where(.stack-scope) .md\:justify-end:where(.stack-scope).md\:justify-end {
justify-content: flex-end;
}
:where(.stack-scope) .md\:gap-4:where(.stack-scope).md\:gap-4 {
gap: 1rem;
}
}
@media (min-width: 1024px) {
:where(.stack-scope) .lg\:flex:where(.stack-scope).lg\:flex {
display: flex;
}
:where(.stack-scope) .lg\:hidden:where(.stack-scope).lg\:hidden {
display: none;
}
:where(.stack-scope) .lg\:gap-x-8:where(.stack-scope).lg\:gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem;
}
:where(.stack-scope) .lg\:px-3:where(.stack-scope).lg\:px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
:where(.stack-scope) .dark\:border-destructive:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *):where(.stack-scope).dark\:border-destructive:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *) {
border-color: hsl(var(--destructive));
}
:where(.stack-scope) .dark\:border-gray-600:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *):where(.stack-scope).dark\:border-gray-600:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *) {
--tw-border-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
:where(.stack-scope) .dark\:border-success:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *):where(.stack-scope).dark\:border-success:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *) {
border-color: hsl(var(--success));
}
:where(.stack-scope) .dark\:bg-black:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *):where(.stack-scope).dark\:bg-black:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *) {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
:where(.stack-scope) .dark\:bg-black\/20:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *):where(.stack-scope).dark\:bg-black\/20:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *) {
background-color: rgb(0 0 0 / 0.2);
}
:where(.stack-scope) .dark\:bg-gray-500:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *):where(.stack-scope).dark\:bg-gray-500:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *) {
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
:where(.stack-scope) .dark\:bg-gray-700:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *):where(.stack-scope).dark\:bg-gray-700:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *) {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
:where(.stack-scope) .dark\:bg-gray-800:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *):where(.stack-scope).dark\:bg-gray-800:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *) {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
:where(.stack-scope) .dark\:bg-zinc-800:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *):where(.stack-scope).dark\:bg-zinc-800:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *) {
--tw-bg-opacity: 1;
background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}
:where(.stack-scope) .dark\:text-foreground:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *):where(.stack-scope).dark\:text-foreground:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *) {
color: hsl(var(--foreground));
}
:where(.stack-scope) .dark\:text-gray-300:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *):where(.stack-scope).dark\:text-gray-300:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *) {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
:where(.stack-scope) .dark\:text-gray-400:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *):where(.stack-scope).dark\:text-gray-400:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *) {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
:where(.stack-scope) .dark\:text-white:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *):where(.stack-scope).dark\:text-white:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
:where(.stack-scope) .dark\:text-zinc-300:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *):where(.stack-scope).dark\:text-zinc-300:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *) {
--tw-text-opacity: 1;
color: rgb(212 212 216 / var(--tw-text-opacity));
}
:where(.stack-scope) .dark\:text-zinc-400:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *):where(.stack-scope).dark\:text-zinc-400:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *) {
--tw-text-opacity: 1;
color: rgb(161 161 170 / var(--tw-text-opacity));
}
:where(.stack-scope) .dark\:text-zinc-800:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *):where(.stack-scope).dark\:text-zinc-800:where(html:has(head > [data-stack-theme="dark"])html:has(head > [data-stack-theme="dark"]) *) {
--tw-text-opacity: 1;
color: rgb(39 39 42 / var(--tw-text-opacity));
}
:where(.stack-scope) .\[\&\+div\]\:text-xs+div:where(.stack-scope).\[\&\+div\]\:text-xs+div {
font-size: 0.75rem;
line-height: 1rem;
}
:where(.stack-scope) .\[\&\:has\(\>\.range_end\)\]\:rounded-r-md:has(>.range end):where(.stack-scope).\[\&\:has\(\>\.range_end\)\]\:rounded-r-md:has(>.range end) {
border-top-right-radius: calc(var(--radius) - 2px);
border-bottom-right-radius: calc(var(--radius) - 2px);
}
:where(.stack-scope) .\[\&\:has\(\>\.range_start\)\]\:rounded-l-md:has(>.range start):where(.stack-scope).\[\&\:has\(\>\.range_start\)\]\:rounded-l-md:has(>.range start) {
border-top-left-radius: calc(var(--radius) - 2px);
border-bottom-left-radius: calc(var(--radius) - 2px);
}
:where(.stack-scope) .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]):where(.stack-scope).\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) {
border-radius: calc(var(--radius) - 2px);
}
:where(.stack-scope) .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]):where(.stack-scope).\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) {
background-color: hsl(var(--accent));
}
:where(.stack-scope) .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child:where(.stack-scope).first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child {
border-top-left-radius: calc(var(--radius) - 2px);
border-bottom-left-radius: calc(var(--radius) - 2px);
}
:where(.stack-scope) .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child:where(.stack-scope).last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child {
border-top-right-radius: calc(var(--radius) - 2px);
border-bottom-right-radius: calc(var(--radius) - 2px);
}
:where(.stack-scope) .\[\&\:has\(\[aria-selected\]\.outside\)\]\:bg-accent\/50:has([aria-selected].outside):where(.stack-scope).\[\&\:has\(\[aria-selected\]\.outside\)\]\:bg-accent\/50:has([aria-selected].outside) {
background-color: hsl(var(--accent) / 0.5);
}
:where(.stack-scope) .\[\&\:has\(\[aria-selected\]\.range_end\)\]\:rounded-r-md:has([aria-selected].range end):where(.stack-scope).\[\&\:has\(\[aria-selected\]\.range_end\)\]\:rounded-r-md:has([aria-selected].range end) {
border-top-right-radius: calc(var(--radius) - 2px);
border-bottom-right-radius: calc(var(--radius) - 2px);
}
:where(.stack-scope) .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]):where(.stack-scope).\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
padding-right: 0px;
}
:where(.stack-scope) .\[\&\>\:not\(\.stack-button-do-not-hide-when-siblings-are\)\]\:invisible>:not(.stack-button-do-not-hide-when-siblings-are):where(.stack-scope).\[\&\>\:not\(\.stack-button-do-not-hide-when-siblings-are\)\]\:invisible>:not(.stack-button-do-not-hide-when-siblings-are) {
visibility: hidden;
}
:where(.stack-scope) .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]:where(.stack-scope).\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] {
--tw-translate-y: 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));
}
:where(.stack-scope) .\[\&\>button\]\:hidden>button:where(.stack-scope).\[\&\>button\]\:hidden>button {
display: none;
}
:where(.stack-scope) .\[\&\>span\]\:line-clamp-1>span:where(.stack-scope).\[\&\>span\]\:line-clamp-1>span {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
:where(.stack-scope) .\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div:where(.stack-scope).\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div {
--tw-translate-y: -3px;
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));
}
:where(.stack-scope) .\[\&\>svg\]\:absolute>svg:where(.stack-scope).\[\&\>svg\]\:absolute>svg {
position: absolute;
}
:where(.stack-scope) .\[\&\>svg\]\:left-4>svg:where(.stack-scope).\[\&\>svg\]\:left-4>svg {
left: 1rem;
}
:where(.stack-scope) .\[\&\>svg\]\:top-4>svg:where(.stack-scope).\[\&\>svg\]\:top-4>svg {
top: 1rem;
}
:where(.stack-scope) .\[\&\>svg\]\:size-3\.5>svg:where(.stack-scope).\[\&\>svg\]\:size-3\.5>svg {
width: 0.875rem;
height: 0.875rem;
}
:where(.stack-scope) .\[\&\>svg\]\:text-destructive>svg:where(.stack-scope).\[\&\>svg\]\:text-destructive>svg {
color: hsl(var(--destructive));
}
:where(.stack-scope) .\[\&\>svg\]\:text-foreground>svg:where(.stack-scope).\[\&\>svg\]\:text-foreground>svg {
color: hsl(var(--foreground));
}
:where(.stack-scope) .\[\&\>svg\]\:text-success>svg:where(.stack-scope).\[\&\>svg\]\:text-success>svg {
color: hsl(var(--success));
}
:where(.stack-scope) .\[\&\>svg\~\*\]\:pl-7>svg~*:where(.stack-scope).\[\&\>svg\~\*\]\:pl-7>svg~* {
padding-left: 1.75rem;
}
:where(.stack-scope) .\[\&\>tr\]\:last\:border-b-0:last-child>tr:where(.stack-scope).\[\&\>tr\]\:last\:border-b-0:last-child>tr {
border-bottom-width: 0px;
}
:where(.stack-scope) .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div:where(.stack-scope).\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div {
--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));
}
:where(.stack-scope) .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg:where(.stack-scope).\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x)var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:where(.stack-scope) .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]:where(.stack-scope).\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
:where(.stack-scope) .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]:where(.stack-scope).\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
:where(.stack-scope) .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]:where(.stack-scope).\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
font-size: 0.75rem;
line-height: 1rem;
}
:where(.stack-scope) .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]:where(.stack-scope).\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
font-weight: 500;
}
:where(.stack-scope) .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]:where(.stack-scope).\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
color: hsl(var(--muted-foreground));
}
:where(.stack-scope) .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group]:where(.stack-scope).\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {
padding-top: 0px;
}
:where(.stack-scope) .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]:where(.stack-scope).\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
:where(.stack-scope) .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg:where(.stack-scope).\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
height: 1.25rem;
}
:where(.stack-scope) .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg:where(.stack-scope).\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
width: 1.25rem;
}
:where(.stack-scope) .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]:where(.stack-scope).\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
height: 3rem;
}
:where(.stack-scope) .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]:where(.stack-scope).\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
:where(.stack-scope) .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]:where(.stack-scope).\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
:where(.stack-scope) .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg:where(.stack-scope).\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
height: 1.25rem;
}
:where(.stack-scope) .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg:where(.stack-scope).\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
width: 1.25rem;
}
:where(.stack-scope) .\[\&_p\]\:leading-relaxed p:where(.stack-scope).\[\&_p\]\:leading-relaxed p {
line-height: 1.625;
}
:where(.stack-scope) .\[\&_svg\]\:invisible svg:where(.stack-scope).\[\&_svg\]\:invisible svg {
visibility: hidden;
}
:where(.stack-scope) .\[\&_tr\:last-child\]\:border-0 tr:last-child:where(.stack-scope).\[\&_tr\:last-child\]\:border-0 tr:last-child {
border-width: 0px;
}
:where(.stack-scope) .\[\&_tr\]\:border-b tr:where(.stack-scope).\[\&_tr\]\:border-b tr {
border-bottom-width: 1px;
}
.stack-scope {
--background: 0 0% 100%;
--foreground: 240 10% 3.9%;
--card: 0 0% 100%;
--card-foreground: 240 10% 3.9%;
--popover: 0 0% 100%;
--popover-foreground: 240 10% 3.9%;
--primary: 240 5.9% 10%;
--primary-foreground: 0 0% 98%;
--secondary: 240 4.8% 95.9%;
--secondary-foreground: 240 5.9% 10%;
--muted: 240 4.8% 95.9%;
--muted-foreground: 240 3.8% 46.1%;
--accent: 240 4.8% 95.9%;
--accent-foreground: 240 5.9% 10%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 0 0% 98%;
--border: 240 5.9% 90%;
--input: 240 5.9% 90%;
--ring: 240 10% 3.9%;
--radius: 0.5rem;
}
html:has(head > [data-stack-theme="dark"]) .stack-scope {
--background: 240 10% 3.9%;
--foreground: 0 0% 98%;
--card: 240 10% 3.9%;
--card-foreground: 0 0% 98%;
--popover: 240 10% 3.9%;
--popover-foreground: 0 0% 98%;
--primary: 0 0% 98%;
--primary-foreground: 240 5.9% 10%;
--secondary: 240 3.7% 15.9%;
--secondary-foreground: 0 0% 98%;
--muted: 240 3.7% 15.9%;
--muted-foreground: 240 5% 64.9%;
--accent: 240 3.7% 15.9%;
--accent-foreground: 0 0% 98%;
--destructive: 0 62.8% 50%;
--destructive-foreground: 0 0% 98%;
--border: 240 3.7% 15.9%;
--input: 240 3.7% 15.9%;
--ring: 240 4.9% 83.9%;
}>
<>#nprogress{pointer-events:none}#nprogress .bar{background:#3b82f6;position:fixed;z-index:1600;top: 0;left:0;width:100%;height:3px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #3b82f6,0 0 5px #3b82f6;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1600;top: 15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#3b82f6;border-left-color:#3b82f6;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}>
USDT 兑换 TRX
当前最多可兑换
0TRX,约等于
0.00 USDT
1 USDT = TRX(更新时间:2026年4月20日凌晨2点02分)
支付 USDT
获得 TRX
收款地址
操作说明
- 请使用去中心化钱包(如:TronLink)扫描二维码,或者复制收款地址进行转账。
- 汇率每分钟更新一次,已包含手续费,实际到账数量即为显示数量。
- 转账成功后,等待几秒钟,TRX 自动到账。
- 当 TRX 余额不足时,请不要转账,以免造成损失。
- 如果 TRX 未到账,或遇到其他问题,请及时联系客服处理。
- 登录之后可绑定钱包地址,使用 USDT 充值余额,为他人兑换TRX,以及查看兑换记录等。
TRON 链上的 TRX 与 USDT 兑换
TRX 兑换页面适合需要在 TRON 网络上快速将 USDT 换成 TRX 的用户,尤其适用于钱包当前 TRX 不足、但马上要进行转账、支付带宽或手续费等场景。
什么时候适合使用这个兑换流程
当钱包里有 USDT,但缺少足够的 TRX 支付后续链上操作时,这个页面会很有帮助。用户也可以在转账前先预估大致能收到多少 TRX。由于页面同时展示当前汇率和平台可兑换余额,因此更容易判断是否能立即完成兑换。
价格是如何展示的
页面中的兑换汇率会持续更新,并且已经包含手续费。这意味着页面显示的 TRX 数量更接近用户实际到账数量,相比最后一步才单独扣手续费的流程,更容易理解和核对。
如何减少兑换出错
在完成兑换前,建议确认支付金额、重新查看页面最新汇率,并检查平台当前可兑换的 TRX 余额是否足够。转账金额错误,或者在流动性不足时继续转账,是最常见也最容易避免的异常原因。