/*
! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: #e5e7eb; /* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/
html {
line-height: 1.5; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-moz-tab-size: 4; /* 3 */
-o-tab-size: 4;
tab-size: 4; /* 3 */
font-family: Nunito, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0; /* 1 */
line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0; /* 1 */
color: inherit; /* 2 */
border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
font-size: 1em; /* 2 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
font-weight: inherit; /* 1 */
line-height: inherit; /* 1 */
color: inherit; /* 1 */
margin: 0; /* 2 */
padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button; /* 1 */
background-color: transparent; /* 2 */
background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; /* 1 */
color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
opacity: 1; /* 1 */
color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; /* 1 */
vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
}
[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border-color: #2563eb;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #6b7280;
opacity: 1;
}
input::placeholder,textarea::placeholder {
color: #6b7280;
opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-date-and-time-value {
min-height: 1.5em;
}
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
padding-top: 0;
padding-bottom: 0;
}
select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
-webkit-print-color-adjust: exact;
color-adjust: exact;
print-color-adjust: exact;
}
[multiple] {
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
-webkit-print-color-adjust: unset;
color-adjust: unset;
print-color-adjust: unset;
}
[type='checkbox'],[type='radio'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
-webkit-print-color-adjust: exact;
color-adjust: exact;
print-color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #2563eb;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
--tw-shadow: 0 0 #0000;
}
[type='checkbox'] {
border-radius: 0px;
}
[type='radio'] {
border-radius: 100%;
}
[type='checkbox']:focus,[type='radio']:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
[type='checkbox']:checked,[type='radio']:checked {
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type='checkbox']:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
[type='radio']:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
border-color: transparent;
background-color: currentColor;
}
[type='checkbox']:indeterminate {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
border-color: transparent;
background-color: currentColor;
}
[type='file'] {
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit;
}
[type='file']:focus {
outline: 1px solid ButtonText;
outline: 1px auto -webkit-focus-ring-color;
}
:root,
[data-theme] {
background-color: hsla(var(--b1) / var(--tw-bg-opacity, 1));
color: hsla(var(--bc) / var(--tw-text-opacity, 1));
}
html {
-webkit-tap-highlight-color: transparent;
}
:root {
--p: 259 94% 51%;
--pf: 259 94% 41%;
--sf: 314 100% 38%;
--af: 174 60% 41%;
--nf: 219 14% 22%;
--in: 198 93% 60%;
--su: 158 64% 52%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
--inc: 198 100% 12%;
--suc: 158 100% 10%;
--wac: 43 100% 11%;
--erc: 0 100% 14%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--pc: 0 0% 100%;
--s: 314 100% 47%;
--sc: 0 0% 100%;
--a: 174 60% 51%;
--ac: 175 44% 15%;
--n: 219 14% 28%;
--nc: 0 0% 100%;
--b1: 0 0% 100%;
--b2: 0 0% 95%;
--b3: 180 2% 90%;
--bc: 215 28% 17%;
}
@media (prefers-color-scheme: dark) {
:root {
--p: 262 80% 50%;
--pf: 262 80% 40%;
--sf: 316 70% 40%;
--af: 175 70% 33%;
--in: 198 93% 60%;
--su: 158 64% 52%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
--inc: 198 100% 12%;
--suc: 158 100% 10%;
--wac: 43 100% 11%;
--erc: 0 100% 14%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--pc: 0 0% 100%;
--s: 316 70% 50%;
--sc: 0 0% 100%;
--a: 175 70% 41%;
--ac: 0 0% 100%;
--n: 218 18% 12%;
--nf: 223 17% 8%;
--nc: 220 13% 69%;
--b1: 220 18% 20%;
--b2: 220 17% 17%;
--b3: 219 18% 15%;
--bc: 220 13% 69%;
}
}
[data-theme=light] {
--p: 259 94% 51%;
--pf: 259 94% 41%;
--sf: 314 100% 38%;
--af: 174 60% 41%;
--nf: 219 14% 22%;
--in: 198 93% 60%;
--su: 158 64% 52%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
--inc: 198 100% 12%;
--suc: 158 100% 10%;
--wac: 43 100% 11%;
--erc: 0 100% 14%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--pc: 0 0% 100%;
--s: 314 100% 47%;
--sc: 0 0% 100%;
--a: 174 60% 51%;
--ac: 175 44% 15%;
--n: 219 14% 28%;
--nc: 0 0% 100%;
--b1: 0 0% 100%;
--b2: 0 0% 95%;
--b3: 180 2% 90%;
--bc: 215 28% 17%;
}
[data-theme=dark] {
--p: 262 80% 50%;
--pf: 262 80% 40%;
--sf: 316 70% 40%;
--af: 175 70% 33%;
--in: 198 93% 60%;
--su: 158 64% 52%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
--inc: 198 100% 12%;
--suc: 158 100% 10%;
--wac: 43 100% 11%;
--erc: 0 100% 14%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--pc: 0 0% 100%;
--s: 316 70% 50%;
--sc: 0 0% 100%;
--a: 175 70% 41%;
--ac: 0 0% 100%;
--n: 218 18% 12%;
--nf: 223 17% 8%;
--nc: 220 13% 69%;
--b1: 220 18% 20%;
--b2: 220 17% 17%;
--b3: 219 18% 15%;
--bc: 220 13% 69%;
}
[data-theme=cupcake] {
--p: 183 47% 59%;
--pf: 183 47% 47%;
--sf: 338 71% 62%;
--af: 39 84% 46%;
--nf: 280 46% 11%;
--in: 198 93% 60%;
--su: 158 64% 52%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
--pc: 183 100% 12%;
--sc: 338 100% 16%;
--ac: 39 100% 12%;
--nc: 280 83% 83%;
--inc: 198 100% 12%;
--suc: 158 100% 10%;
--wac: 43 100% 11%;
--erc: 0 100% 14%;
--rounded-box: 1rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--s: 338 71% 78%;
--a: 39 84% 58%;
--n: 280 46% 14%;
--b1: 24 33% 97%;
--b2: 27 22% 92%;
--b3: 22 14% 89%;
--bc: 280 46% 14%;
--rounded-btn: 1.9rem;
--tab-border: 2px;
--tab-radius: .5rem;
}
[data-theme=bumblebee] {
--p: 41 74% 53%;
--pf: 41 74% 42%;
--sf: 50 94% 46%;
--af: 240 33% 11%;
--nf: 240 33% 11%;
--b2: 0 0% 90%;
--b3: 0 0% 81%;
--in: 198 93% 60%;
--su: 158 64% 52%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
--bc: 0 0% 20%;
--ac: 240 60% 83%;
--nc: 240 60% 83%;
--inc: 198 100% 12%;
--suc: 158 100% 10%;
--wac: 43 100% 11%;
--erc: 0 100% 14%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--pc: 240 33% 14%;
--s: 50 94% 58%;
--sc: 240 33% 14%;
--a: 240 33% 14%;
--n: 240 33% 14%;
--b1: 0 0% 100%;
}
[data-theme=emerald] {
--p: 141 50% 60%;
--pf: 141 50% 48%;
--sf: 219 96% 48%;
--af: 10 81% 45%;
--nf: 219 20% 20%;
--b2: 0 0% 90%;
--b3: 0 0% 81%;
--in: 198 93% 60%;
--su: 158 64% 52%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
--inc: 198 100% 12%;
--suc: 158 100% 10%;
--wac: 43 100% 11%;
--erc: 0 100% 14%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--btn-text-case: uppercase;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--pc: 151 28% 19%;
--s: 219 96% 60%;
--sc: 210 20% 98%;
--a: 10 81% 56%;
--ac: 210 20% 98%;
--n: 219 20% 25%;
--nc: 210 20% 98%;
--b1: 0 0% 100%;
--bc: 219 20% 25%;
--animation-btn: 0;
--animation-input: 0;
--btn-focus-scale: 1;
}
[data-theme=corporate] {
--p: 229 96% 64%;
--pf: 229 96% 51%;
--sf: 215 26% 47%;
--af: 154 49% 48%;
--nf: 233 27% 10%;
--b2: 0 0% 90%;
--b3: 0 0% 81%;
--in: 198 93% 60%;
--su: 158 64% 52%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
--pc: 229 100% 93%;
--sc: 215 100% 12%;
--ac: 154 100% 12%;
--inc: 198 100% 12%;
--suc: 158 100% 10%;
--wac: 43 100% 11%;
--erc: 0 100% 14%;
--btn-text-case: uppercase;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 215 26% 59%;
--a: 154 49% 60%;
--n: 233 27% 13%;
--nc: 210 38% 95%;
--b1: 0 0% 100%;
--bc: 233 27% 13%;
--rounded-box: 0.25rem;
--rounded-btn: .125rem;
--rounded-badge: .125rem;
--animation-btn: 0;
--animation-input: 0;
--btn-focus-scale: 1;
}
[data-theme=synthwave] {
--p: 321 70% 69%;
--pf: 321 70% 55%;
--sf: 197 87% 52%;
--af: 48 89% 46%;
--nf: 253 61% 15%;
--b2: 254 59% 23%;
--b3: 254 59% 21%;
--pc: 321 100% 14%;
--sc: 197 100% 13%;
--ac: 48 100% 11%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 197 87% 65%;
--a: 48 89% 57%;
--n: 253 61% 19%;
--nc: 260 60% 98%;
--b1: 254 59% 26%;
--bc: 260 60% 98%;
--in: 199 87% 64%;
--inc: 257 63% 17%;
--su: 168 74% 68%;
--suc: 257 63% 17%;
--wa: 48 89% 57%;
--wac: 257 63% 17%;
--er: 352 74% 57%;
--erc: 260 60% 98%;
}
[data-theme=retro] {
--p: 3 74% 76%;
--pf: 3 74% 61%;
--sf: 145 27% 58%;
--af: 49 67% 61%;
--nf: 42 17% 34%;
--inc: 221 100% 91%;
--suc: 142 100% 87%;
--wac: 32 100% 9%;
--erc: 0 100% 90%;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--pc: 345 5% 15%;
--s: 145 27% 72%;
--sc: 345 5% 15%;
--a: 49 67% 76%;
--ac: 345 5% 15%;
--n: 42 17% 42%;
--nc: 45 47% 80%;
--b1: 45 47% 80%;
--b2: 45 37% 72%;
--b3: 42 36% 65%;
--bc: 345 5% 15%;
--in: 221 83% 53%;
--su: 142 76% 36%;
--wa: 32 95% 44%;
--er: 0 72% 51%;
--rounded-box: 0.4rem;
--rounded-btn: 0.4rem;
--rounded-badge: 0.4rem;
}
[data-theme=cyberpunk] {
font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
--pf: 345 100% 58%;
--sf: 195 80% 56%;
--af: 276 74% 57%;
--nf: 57 100% 10%;
--b2: 56 100% 45%;
--b3: 56 100% 41%;
--in: 198 93% 60%;
--su: 158 64% 52%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
--bc: 56 100% 10%;
--pc: 345 100% 15%;
--sc: 195 100% 14%;
--ac: 276 100% 14%;
--inc: 198 100% 12%;
--suc: 158 100% 10%;
--wac: 43 100% 11%;
--erc: 0 100% 14%;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--p: 345 100% 73%;
--s: 195 80% 70%;
--a: 276 74% 71%;
--n: 57 100% 13%;
--nc: 56 100% 50%;
--b1: 56 100% 50%;
--rounded-box: 0;
--rounded-btn: 0;
--rounded-badge: 0;
--tab-radius: 0;
}
[data-theme=valentine] {
--p: 353 74% 67%;
--pf: 353 74% 54%;
--sf: 254 86% 61%;
--af: 181 56% 56%;
--nf: 336 43% 38%;
--b2: 318 46% 80%;
--b3: 318 46% 72%;
--pc: 353 100% 13%;
--sc: 254 100% 15%;
--ac: 181 100% 14%;
--inc: 221 100% 91%;
--suc: 142 100% 87%;
--wac: 32 100% 9%;
--erc: 0 100% 90%;
--rounded-box: 1rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 254 86% 77%;
--a: 181 56% 70%;
--n: 336 43% 48%;
--nc: 318 46% 89%;
--b1: 318 46% 89%;
--bc: 344 38% 28%;
--in: 221 83% 53%;
--su: 142 76% 36%;
--wa: 32 95% 44%;
--er: 0 72% 51%;
--rounded-btn: 1.9rem;
}
[data-theme=halloween] {
--p: 32 89% 52%;
--pf: 32 89% 42%;
--sf: 271 46% 34%;
--af: 91 100% 26%;
--nf: 180 4% 9%;
--b2: 0 0% 12%;
--b3: 0 0% 10%;
--bc: 0 0% 83%;
--sc: 271 100% 88%;
--ac: 91 100% 7%;
--nc: 180 5% 82%;
--inc: 221 100% 91%;
--suc: 142 100% 87%;
--wac: 32 100% 9%;
--erc: 0 100% 90%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--pc: 180 7% 8%;
--s: 271 46% 42%;
--a: 91 100% 33%;
--n: 180 4% 11%;
--b1: 0 0% 13%;
--in: 221 83% 53%;
--su: 142 76% 36%;
--wa: 32 95% 44%;
--er: 0 72% 51%;
}
[data-theme=garden] {
--p: 139 16% 43%;
--pf: 139 16% 34%;
--sf: 97 37% 75%;
--af: 0 68% 75%;
--nf: 0 4% 28%;
--b2: 0 4% 82%;
--b3: 0 4% 74%;
--in: 198 93% 60%;
--su: 158 64% 52%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
--pc: 139 100% 89%;
--inc: 198 100% 12%;
--suc: 158 100% 10%;
--wac: 43 100% 11%;
--erc: 0 100% 14%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 97 37% 93%;
--sc: 96 32% 15%;
--a: 0 68% 94%;
--ac: 0 22% 16%;
--n: 0 4% 35%;
--nc: 0 4% 91%;
--b1: 0 4% 91%;
--bc: 0 3% 6%;
}
[data-theme=forest] {
--p: 141 72% 42%;
--pf: 141 72% 34%;
--sf: 141 75% 38%;
--af: 35 69% 42%;
--nf: 0 10% 5%;
--b2: 0 12% 7%;
--b3: 0 12% 7%;
--in: 198 93% 60%;
--su: 158 64% 52%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
--bc: 0 12% 82%;
--pc: 141 100% 8%;
--sc: 141 100% 10%;
--ac: 35 100% 10%;
--nc: 0 7% 81%;
--inc: 198 100% 12%;
--suc: 158 100% 10%;
--wac: 43 100% 11%;
--erc: 0 100% 14%;
--rounded-box: 1rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 141 75% 48%;
--a: 35 69% 52%;
--n: 0 10% 6%;
--b1: 0 12% 8%;
--rounded-btn: 1.9rem;
}
[data-theme=aqua] {
--p: 182 93% 49%;
--pf: 182 93% 40%;
--sf: 274 31% 45%;
--af: 47 100% 64%;
--nf: 205 54% 40%;
--b2: 219 53% 39%;
--b3: 219 53% 35%;
--bc: 219 100% 89%;
--sc: 274 100% 91%;
--ac: 47 100% 16%;
--nc: 205 100% 90%;
--inc: 221 100% 91%;
--suc: 142 100% 87%;
--wac: 32 100% 9%;
--erc: 0 100% 90%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--pc: 181 100% 17%;
--s: 274 31% 57%;
--a: 47 100% 80%;
--n: 205 54% 50%;
--b1: 219 53% 43%;
--in: 221 83% 53%;
--su: 142 76% 36%;
--wa: 32 95% 44%;
--er: 0 72% 51%;
}
[data-theme=lofi] {
--p: 0 0% 5%;
--pf: 0 0% 4%;
--sf: 0 2% 8%;
--af: 0 0% 12%;
--nf: 0 0% 0%;
--btn-text-case: uppercase;
--border-btn: 1px;
--tab-border: 1px;
--pc: 0 0% 100%;
--s: 0 2% 10%;
--sc: 0 0% 100%;
--a: 0 0% 15%;
--ac: 0 0% 100%;
--n: 0 0% 0%;
--nc: 0 0% 100%;
--b1: 0 0% 100%;
--b2: 0 0% 95%;
--b3: 0 2% 90%;
--bc: 0 0% 0%;
--in: 212 100% 48%;
--inc: 0 0% 100%;
--su: 137 72% 46%;
--suc: 0 0% 100%;
--wa: 5 100% 66%;
--wac: 0 0% 100%;
--er: 325 78% 49%;
--erc: 0 0% 100%;
--rounded-box: 0.25rem;
--rounded-btn: 0.125rem;
--rounded-badge: 0.125rem;
--animation-btn: 0;
--animation-input: 0;
--btn-focus-scale: 1;
--tab-radius: 0;
}
[data-theme=pastel] {
--p: 284 22% 80%;
--pf: 284 22% 64%;
--sf: 352 70% 70%;
--af: 158 55% 65%;
--nf: 199 44% 49%;
--in: 198 93% 60%;
--su: 158 64% 52%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
--bc: 0 0% 20%;
--pc: 284 59% 16%;
--sc: 352 100% 18%;
--ac: 158 100% 16%;
--nc: 199 100% 12%;
--inc: 198 100% 12%;
--suc: 158 100% 10%;
--wac: 43 100% 11%;
--erc: 0 100% 14%;
--rounded-box: 1rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 352 70% 88%;
--a: 158 55% 81%;
--n: 199 44% 61%;
--b1: 0 0% 100%;
--b2: 210 20% 98%;
--b3: 216 12% 84%;
--rounded-btn: 1.9rem;
}
[data-theme=fantasy] {
--p: 296 83% 25%;
--pf: 296 83% 20%;
--sf: 200 100% 30%;
--af: 31 94% 41%;
--nf: 215 28% 13%;
--b2: 0 0% 90%;
--b3: 0 0% 81%;
--in: 198 93% 60%;
--su: 158 64% 52%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
--pc: 296 100% 85%;
--sc: 200 100% 87%;
--ac: 31 100% 10%;
--nc: 215 62% 83%;
--inc: 198 100% 12%;
--suc: 158 100% 10%;
--wac: 43 100% 11%;
--erc: 0 100% 14%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 200 100% 37%;
--a: 31 94% 51%;
--n: 215 28% 17%;
--b1: 0 0% 100%;
--bc: 215 28% 17%;
}
[data-theme=wireframe] {
font-family: Chalkboard,comic sans ms,"sanssecondaryerif";
--pf: 0 0% 58%;
--sf: 0 0% 58%;
--af: 0 0% 58%;
--nf: 0 0% 74%;
--bc: 0 0% 20%;
--pc: 0 0% 14%;
--sc: 0 0% 14%;
--ac: 0 0% 14%;
--nc: 0 0% 18%;
--inc: 240 100% 90%;
--suc: 120 100% 85%;
--wac: 60 100% 10%;
--erc: 0 100% 90%;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--p: 0 0% 72%;
--s: 0 0% 72%;
--a: 0 0% 72%;
--n: 0 0% 92%;
--b1: 0 0% 100%;
--b2: 0 0% 93%;
--b3: 0 0% 87%;
--in: 240 100% 50%;
--su: 120 100% 25%;
--wa: 60 30% 50%;
--er: 0 100% 50%;
--rounded-box: 0.2rem;
--rounded-btn: 0.2rem;
--rounded-badge: 0.2rem;
--tab-radius: 0.2rem;
}
[data-theme=black] {
--p: 0 2% 20%;
--pf: 0 2% 16%;
--sf: 0 2% 16%;
--af: 0 2% 16%;
--bc: 0 0% 80%;
--pc: 0 5% 84%;
--sc: 0 5% 84%;
--ac: 0 5% 84%;
--nc: 0 3% 83%;
--inc: 240 100% 90%;
--suc: 120 100% 85%;
--wac: 60 100% 10%;
--erc: 0 100% 90%;
--border-btn: 1px;
--tab-border: 1px;
--s: 0 2% 20%;
--a: 0 2% 20%;
--b1: 0 0% 0%;
--b2: 0 0% 5%;
--b3: 0 2% 10%;
--n: 0 1% 15%;
--nf: 0 2% 20%;
--in: 240 100% 50%;
--su: 120 100% 25%;
--wa: 60 100% 50%;
--er: 0 100% 50%;
--rounded-box: 0;
--rounded-btn: 0;
--rounded-badge: 0;
--animation-btn: 0;
--animation-input: 0;
--btn-text-case: lowercase;
--btn-focus-scale: 1;
--tab-radius: 0;
}
[data-theme=luxury] {
--p: 0 0% 100%;
--pf: 0 0% 80%;
--sf: 218 54% 14%;
--af: 319 22% 21%;
--nf: 270 4% 7%;
--pc: 0 0% 20%;
--sc: 218 100% 84%;
--ac: 319 85% 85%;
--inc: 202 100% 14%;
--suc: 89 100% 10%;
--wac: 54 100% 13%;
--erc: 0 100% 14%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 218 54% 18%;
--a: 319 22% 26%;
--n: 270 4% 9%;
--nc: 37 67% 58%;
--b1: 240 10% 4%;
--b2: 270 4% 9%;
--b3: 270 2% 18%;
--bc: 37 67% 58%;
--in: 202 100% 70%;
--su: 89 62% 52%;
--wa: 54 69% 64%;
--er: 0 100% 72%;
}
[data-theme=dracula] {
--p: 326 100% 74%;
--pf: 326 100% 59%;
--sf: 265 89% 62%;
--af: 31 100% 57%;
--nf: 230 15% 24%;
--b2: 231 15% 17%;
--b3: 231 15% 15%;
--pc: 326 100% 15%;
--sc: 265 100% 16%;
--ac: 31 100% 14%;
--nc: 230 71% 86%;
--inc: 191 100% 15%;
--suc: 135 100% 13%;
--wac: 65 100% 15%;
--erc: 0 100% 93%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 265 89% 78%;
--a: 31 100% 71%;
--n: 230 15% 30%;
--b1: 231 15% 18%;
--bc: 60 30% 96%;
--in: 191 97% 77%;
--su: 135 94% 65%;
--wa: 65 92% 76%;
--er: 0 100% 67%;
}
[data-theme=cmyk] {
--p: 203 83% 60%;
--pf: 203 83% 48%;
--sf: 335 78% 48%;
--af: 56 100% 48%;
--nf: 0 0% 8%;
--b2: 0 0% 90%;
--b3: 0 0% 81%;
--bc: 0 0% 20%;
--pc: 203 100% 12%;
--sc: 335 100% 92%;
--ac: 56 100% 12%;
--nc: 0 0% 82%;
--inc: 192 100% 10%;
--suc: 291 100% 88%;
--wac: 25 100% 11%;
--erc: 4 100% 91%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 335 78% 60%;
--a: 56 100% 60%;
--n: 0 0% 10%;
--b1: 0 0% 100%;
--in: 192 48% 52%;
--su: 291 48% 38%;
--wa: 25 85% 57%;
--er: 4 81% 56%;
}
[data-theme=autumn] {
--p: 344 96% 28%;
--pf: 344 96% 22%;
--sf: 0 63% 47%;
--af: 27 56% 50%;
--nf: 22 17% 35%;
--b2: 0 0% 85%;
--b3: 0 0% 77%;
--bc: 0 0% 19%;
--pc: 344 100% 86%;
--sc: 0 100% 92%;
--ac: 27 100% 13%;
--nc: 22 100% 89%;
--inc: 187 100% 10%;
--suc: 165 100% 9%;
--wac: 30 100% 10%;
--erc: 354 100% 90%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 0 63% 58%;
--a: 27 56% 63%;
--n: 22 17% 44%;
--b1: 0 0% 95%;
--in: 187 48% 50%;
--su: 165 34% 43%;
--wa: 30 84% 50%;
--er: 354 79% 49%;
}
[data-theme=business] {
--p: 210 64% 31%;
--pf: 210 64% 24%;
--sf: 200 13% 44%;
--af: 13 80% 48%;
--nf: 213 14% 13%;
--b2: 0 0% 11%;
--b3: 0 0% 10%;
--bc: 0 0% 83%;
--pc: 210 100% 86%;
--sc: 200 100% 11%;
--ac: 13 100% 12%;
--nc: 213 28% 83%;
--inc: 199 100% 88%;
--suc: 144 100% 11%;
--wac: 39 100% 12%;
--erc: 6 100% 89%;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 200 13% 55%;
--a: 13 80% 60%;
--n: 213 14% 16%;
--b1: 0 0% 13%;
--in: 199 100% 42%;
--su: 144 31% 56%;
--wa: 39 64% 60%;
--er: 6 56% 43%;
--rounded-box: 0.25rem;
--rounded-btn: .125rem;
--rounded-badge: .125rem;
}
[data-theme=acid] {
--p: 303 100% 50%;
--pf: 303 100% 40%;
--sf: 27 100% 40%;
--af: 72 98% 40%;
--nf: 238 43% 14%;
--b2: 0 0% 88%;
--b3: 0 0% 79%;
--bc: 0 0% 20%;
--pc: 303 100% 90%;
--sc: 27 100% 10%;
--ac: 72 100% 10%;
--nc: 238 99% 83%;
--inc: 210 100% 12%;
--suc: 149 100% 12%;
--wac: 53 100% 11%;
--erc: 1 100% 89%;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 27 100% 50%;
--a: 72 98% 50%;
--n: 238 43% 17%;
--b1: 0 0% 98%;
--in: 210 92% 58%;
--su: 149 50% 58%;
--wa: 53 93% 57%;
--er: 1 100% 45%;
--rounded-box: 1.25rem;
--rounded-btn: 1rem;
--rounded-badge: 1rem;
}
[data-theme=lemonade] {
--p: 89 96% 31%;
--pf: 89 96% 24%;
--sf: 60 81% 44%;
--af: 63 80% 71%;
--nf: 238 43% 14%;
--b2: 0 0% 90%;
--b3: 0 0% 81%;
--bc: 0 0% 20%;
--pc: 89 100% 86%;
--sc: 60 100% 11%;
--ac: 63 100% 18%;
--nc: 238 99% 83%;
--inc: 192 79% 17%;
--suc: 74 100% 16%;
--wac: 50 100% 15%;
--erc: 1 100% 17%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 60 81% 55%;
--a: 63 80% 88%;
--n: 238 43% 17%;
--b1: 0 0% 100%;
--in: 192 39% 85%;
--su: 74 76% 79%;
--wa: 50 87% 75%;
--er: 1 70% 83%;
}
[data-theme=night] {
--p: 198 93% 60%;
--pf: 198 93% 48%;
--sf: 234 89% 59%;
--af: 329 86% 56%;
--b2: 222 47% 10%;
--b3: 222 47% 9%;
--bc: 222 66% 82%;
--pc: 198 100% 12%;
--sc: 234 100% 15%;
--ac: 329 100% 14%;
--nc: 217 76% 83%;
--inc: 198 100% 10%;
--suc: 172 100% 10%;
--wac: 41 100% 13%;
--erc: 351 100% 14%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 234 89% 74%;
--a: 329 86% 70%;
--n: 217 33% 17%;
--nf: 217 30% 22%;
--b1: 222 47% 11%;
--in: 198 90% 48%;
--su: 172 66% 50%;
--wa: 41 88% 64%;
--er: 351 95% 71%;
}
[data-theme=coffee] {
--p: 30 67% 58%;
--pf: 30 67% 46%;
--sf: 182 25% 16%;
--af: 194 74% 20%;
--nf: 300 20% 5%;
--b2: 306 19% 10%;
--b3: 306 19% 9%;
--pc: 30 100% 12%;
--sc: 182 67% 84%;
--ac: 194 100% 85%;
--nc: 300 14% 81%;
--inc: 171 100% 13%;
--suc: 93 100% 12%;
--wac: 43 100% 14%;
--erc: 10 100% 15%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 182 25% 20%;
--a: 194 74% 25%;
--n: 300 20% 6%;
--b1: 306 19% 11%;
--bc: 37 8% 42%;
--in: 171 37% 67%;
--su: 93 25% 62%;
--wa: 43 100% 69%;
--er: 10 95% 75%;
}
[data-theme=winter] {
--p: 212 100% 51%;
--pf: 212 100% 41%;
--sf: 247 47% 35%;
--af: 310 49% 42%;
--nf: 217 92% 8%;
--pc: 212 100% 90%;
--sc: 247 100% 89%;
--ac: 310 100% 90%;
--nc: 217 100% 82%;
--inc: 192 100% 16%;
--suc: 182 100% 13%;
--wac: 32 100% 17%;
--erc: 0 100% 14%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 247 47% 43%;
--a: 310 49% 52%;
--n: 217 92% 10%;
--b1: 0 0% 100%;
--b2: 217 100% 97%;
--b3: 219 44% 92%;
--bc: 214 30% 32%;
--in: 192 93% 78%;
--su: 182 47% 66%;
--wa: 32 62% 84%;
--er: 0 63% 72%;
}
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::-webkit-backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.container {
width: 100%;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
.form-input,.form-textarea,.form-select,.form-multiselect {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
}
.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border-color: #2563eb;
}
.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
color: #6b7280;
opacity: 1;
}
.form-input::placeholder,.form-textarea::placeholder {
color: #6b7280;
opacity: 1;
}
.form-input::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
.form-input::-webkit-date-and-time-value {
min-height: 1.5em;
}
.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field {
padding-top: 0;
padding-bottom: 0;
}
.alert {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 1rem;
--tw-bg-opacity: 1;
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
padding: 1rem;
border-radius: var(--rounded-box, 1rem);
}
.alert > :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));
}
@media (min-width: 768px) {
.alert {
flex-direction: row;
}
.alert > :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));
}
}
.alert > :where(*) {
display: flex;
align-items: center;
gap: 0.5rem;
}
.avatar.placeholder > div {
display: flex;
align-items: center;
justify-content: center;
}
.breadcrumbs {
max-width: 100%;
overflow-x: auto;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.breadcrumbs > ul {
display: flex;
align-items: center;
white-space: nowrap;
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content;
}
.breadcrumbs > ul > li {
display: flex;
align-items: center;
}
.breadcrumbs > ul > li > a {
display: flex;
cursor: pointer;
align-items: center;
}
.breadcrumbs > ul > li > a:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.btn {
display: inline-flex;
flex-shrink: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
flex-wrap: wrap;
align-items: center;
justify-content: center;
border-color: transparent;
border-color: hsl(var(--n) / var(--tw-border-opacity));
text-align: center;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
border-radius: var(--rounded-btn, 0.5rem);
height: 3rem;
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
line-height: 1em;
min-height: 3rem;
font-weight: 600;
text-transform: uppercase;
text-transform: var(--btn-text-case, uppercase);
-webkit-text-decoration-line: none;
text-decoration-line: none;
border-width: var(--border-btn, 1px);
-webkit-animation: button-pop var(--animation-btn, 0.25s) ease-out;
animation: button-pop var(--animation-btn, 0.25s) ease-out;
--tw-border-opacity: 1;
--tw-bg-opacity: 1;
background-color: hsl(var(--n) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--nc) / var(--tw-text-opacity));
}
.btn-disabled,
.btn[disabled] {
pointer-events: none;
}
.btn.loading,
.btn.loading:hover {
pointer-events: none;
}
.btn.loading:before {
margin-right: 0.5rem;
height: 1rem;
width: 1rem;
border-radius: 9999px;
border-width: 2px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
content: "";
border-top-color: transparent;
border-left-color: transparent;
border-bottom-color: currentColor;
border-right-color: currentColor;
}
@media (prefers-reduced-motion: reduce) {
.btn.loading:before {
-webkit-animation: spin 10s linear infinite;
animation: spin 10s linear infinite;
}
}
@-webkit-keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.btn-group {
display: flex;
flex-wrap: wrap;
}
.btn-group > input[type="radio"].btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.btn-group > input[type="radio"].btn:before {
content: attr(data-title);
}
.card {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
border-radius: var(--rounded-box, 1rem);
}
.card:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.card-body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
padding: var(--padding-card, 2rem);
gap: 0.5rem;
}
.card-body :where(p) {
flex-grow: 1;
}
.card-actions {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 0.5rem;
}
.card figure {
display: flex;
align-items: center;
justify-content: center;
}
.card.image-full {
display: grid;
}
.card.image-full:before {
position: relative;
content: "";
z-index: 10;
--tw-bg-opacity: 1;
background-color: hsl(var(--n) / var(--tw-bg-opacity));
opacity: 0.75;
border-radius: var(--rounded-box, 1rem);
}
.card.image-full:before,
.card.image-full > * {
grid-column-start: 1;
grid-row-start: 1;
}
.card.image-full > figure img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.card.image-full > .card-body {
position: relative;
z-index: 20;
--tw-text-opacity: 1;
color: hsl(var(--nc) / var(--tw-text-opacity));
}
.carousel {
display: flex;
overflow-x: scroll;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-ms-overflow-style: none;
scrollbar-width: none;
}
.carousel-item {
box-sizing: content-box;
display: flex;
flex: none;
scroll-snap-align: start;
}
.carousel-center .carousel-item {
scroll-snap-align: center;
}
.carousel-end .carousel-item {
scroll-snap-align: end;
}
.checkbox {
flex-shrink: 0;
--chkbg: var(--bc);
--chkfg: var(--b1);
height: 1.5rem;
width: 1.5rem;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-width: 1px;
border-color: hsl(var(--bc) / var(--tw-border-opacity));
--tw-border-opacity: 0.2;
border-radius: var(--rounded-btn, 0.5rem);
}
.collapse {
position: relative;
display: grid;
overflow: hidden;
}
.collapse-title,
.collapse > input[type="checkbox"],
.collapse-content {
grid-column-start: 1;
grid-row-start: 1;
}
.collapse > input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
opacity: 0;
}
.collapse-content {
grid-row-start: 2;
overflow: hidden;
max-height: 0px;
padding-left: 1rem;
padding-right: 1rem;
cursor: unset;
transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.collapse-open .collapse-content,
.collapse:focus:not(.collapse-close) .collapse-content,
.collapse:not(.collapse-close)
input[type="checkbox"]:checked
~ .collapse-content {
max-height: 9000px;
}
.divider {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch;
margin-top: 1rem;
margin-bottom: 1rem;
height: 1rem;
white-space: nowrap;
}
.divider:before,
.divider:after {
content: "";
flex-grow: 1;
height: 0.125rem;
width: 100%;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown > *:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.dropdown .dropdown-content {
visibility: hidden;
position: absolute;
z-index: 50;
opacity: 0;
transform-origin: top;
--tw-scale-x: .95;
--tw-scale-y: .95;
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));
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown-end .dropdown-content {
right: 0px;
}
.dropdown-left .dropdown-content {
top: 0px;
right: 100%;
bottom: auto;
transform-origin: right;
}
.dropdown-right .dropdown-content {
left: 100%;
top: 0px;
bottom: auto;
transform-origin: left;
}
.dropdown-top .dropdown-content {
bottom: 100%;
top: auto;
transform-origin: bottom;
}
.dropdown-end.dropdown-right .dropdown-content {
bottom: 0px;
top: auto;
}
.dropdown-end.dropdown-left .dropdown-content {
bottom: 0px;
top: auto;
}
.dropdown.dropdown-open .dropdown-content,
.dropdown.dropdown-hover:hover .dropdown-content,
.dropdown:not(.dropdown-hover):focus .dropdown-content,
.dropdown:not(.dropdown-hover):focus-within .dropdown-content {
visibility: visible;
opacity: 1;
}
.form-control {
display: flex;
flex-direction: column;
}
.label {
display: flex;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
align-items: center;
justify-content: space-between;
padding-left: 0.25rem;
padding-right: 0.25rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.hero {
display: grid;
width: 100%;
place-items: center;
background-size: cover;
background-position: center;
}
.hero > * {
grid-column-start: 1;
grid-row-start: 1;
}
.hero-content {
z-index: 0;
display: flex;
align-items: center;
justify-content: center;
max-width: 80rem;
gap: 1rem;
padding: 1rem;
}
.input {
flex-shrink: 1;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
height: 3rem;
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
line-height: 2;
border-width: 1px;
border-color: hsl(var(--bc) / var(--tw-border-opacity));
--tw-border-opacity: 0;
--tw-bg-opacity: 1;
background-color: hsl(var(--b1) / var(--tw-bg-opacity));
border-radius: var(--rounded-btn, 0.5rem);
}
.input-group {
display: flex;
width: 100%;
align-items: stretch;
}
.input-group > *,
.input-group > .input {
border-radius: 0px;
}
.input-group :where(span) {
display: flex;
align-items: center;
--tw-bg-opacity: 1;
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
}
.input-group :first-child {
border-top-left-radius: var(--rounded-btn, 0.5rem);
border-top-right-radius: 0;
border-bottom-left-radius: var(--rounded-btn, 0.5rem);
border-bottom-right-radius: 0;
}
.input-group :last-child {
border-top-left-radius: 0;
border-top-right-radius: var(--rounded-btn, 0.5rem);
border-bottom-left-radius: 0;
border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.link {
cursor: pointer;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.link-hover {
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.link-hover:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.mask {
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
.menu {
display: flex;
flex-direction: column;
}
.menu.horizontal {
display: inline-flex;
flex-direction: row;
}
.menu.horizontal :where(li) {
flex-direction: row;
}
.menu :where(li) {
position: relative;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: stretch;
}
.menu :where(li:not(.menu-title)) > :where(*:not(ul)) {
display: flex;
}
.menu :where(li:not(.disabled):not(.menu-title)) > :where(*:not(ul)) {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
align-items: center;
outline: 2px solid transparent;
outline-offset: 2px;
}
.menu > :where(li > *:not(ul):focus) {
outline: 2px solid transparent;
outline-offset: 2px;
}
.menu > :where(li.disabled > *:not(ul):focus) {
cursor: auto;
}
.menu > :where(li) :where(ul) {
display: flex;
flex-direction: column;
align-items: stretch;
}
.menu > :where(li) > :where(ul) {
position: absolute;
display: none;
top: initial;
left: 100%;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.menu > :where(li:hover) > :where(ul) {
display: flex;
}
.menu > :where(li:focus) > :where(ul) {
display: flex;
}
.navbar {
display: flex;
align-items: center;
padding: var(--navbar-padding, 0.5rem);
min-height: 4rem;
width: 100%;
}
:where(.navbar > *) {
display: inline-flex;
align-items: center;
}
.navbar-start {
width: 50%;
justify-content: flex-start;
}
.navbar-center {
flex-shrink: 0;
}
.navbar-end {
width: 50%;
justify-content: flex-end;
}
.radio {
flex-shrink: 0;
--chkbg: var(--bc);
height: 1.5rem;
width: 1.5rem;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 9999px;
border-width: 1px;
border-color: hsl(var(--bc) / var(--tw-border-opacity));
--tw-border-opacity: 0.2;
transition: background, box-shadow var(--animation-input, 0.2s) ease-in-out;
}
.select {
display: inline-flex;
flex-shrink: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 3rem;
padding-left: 1rem;
padding-right: 2.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
line-height: 2;
min-height: 3rem;
border-width: 1px;
border-color: hsl(var(--bc) / var(--tw-border-opacity));
--tw-border-opacity: 0;
--tw-bg-opacity: 1;
background-color: hsl(var(--b1) / var(--tw-bg-opacity));
font-weight: 600;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
border-radius: var(--rounded-btn, 0.5rem);
background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16px) calc(1px + 50%);
background-size: 4px 4px, 4px 4px;
background-repeat: no-repeat;
}
.select-disabled,
.select[disabled] {
pointer-events: none;
cursor: not-allowed;
--tw-border-opacity: 1;
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
--tw-text-opacity: 0.2;
}
.select[multiple] {
height: auto;
}
.steps .step {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-template-columns: auto;
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-template-rows: 40px 1fr;
place-items: center;
text-align: center;
min-width: 4rem;
}
.swap {
position: relative;
display: inline-grid;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
place-content: center;
cursor: pointer;
}
.swap > * {
grid-column-start: 1;
grid-row-start: 1;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: transform, opacity;
}
.swap input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swap .swap-on,
.swap .swap-indeterminate,
.swap input:indeterminate ~ .swap-on {
opacity: 0;
}
.swap input:checked ~ .swap-off,
.swap.swap-active .swap-off,
.swap input:indeterminate ~ .swap-off {
opacity: 0;
}
.swap input:checked ~ .swap-on,
.swap-active .swap-on,
.swap input:indeterminate ~ .swap-indeterminate {
opacity: 1;
}
.tabs {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.table {
position: relative;
text-align: left;
}
.table th:first-child {
position: sticky;
position: -webkit-sticky;
left: 0px;
z-index: 11;
}
.textarea {
flex-shrink: 1;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
line-height: 2;
min-height: 3rem;
border-width: 1px;
border-color: hsl(var(--bc) / var(--tw-border-opacity));
--tw-border-opacity: 0;
--tw-bg-opacity: 1;
background-color: hsl(var(--b1) / var(--tw-bg-opacity));
border-radius: var(--rounded-btn, 0.5rem);
}
.btn-outline .badge {
--tw-border-opacity: 1;
border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: hsl(var(--nc) / var(--tw-text-opacity));
}
.btn-outline.btn-primary .badge {
--tw-border-opacity: 1;
border-color: hsl(var(--p) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--p) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--pc) / var(--tw-text-opacity));
}
.btn-outline.btn-secondary .badge {
--tw-border-opacity: 1;
border-color: hsl(var(--s) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--s) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--sc) / var(--tw-text-opacity));
}
.btn-outline.btn-accent .badge {
--tw-border-opacity: 1;
border-color: hsl(var(--a) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--a) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--ac) / var(--tw-text-opacity));
}
.btn-outline .badge.outline {
--tw-border-opacity: 1;
border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
background-color: transparent;
}
.btn-outline.btn-primary .badge-outline {
--tw-border-opacity: 1;
border-color: hsl(var(--p) / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: hsl(var(--p) / var(--tw-text-opacity));
}
.btn-outline.btn-secondary .badge-outline {
--tw-border-opacity: 1;
border-color: hsl(var(--s) / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: hsl(var(--s) / var(--tw-text-opacity));
}
.btn-outline.btn-accent .badge-outline {
--tw-border-opacity: 1;
border-color: hsl(var(--a) / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: hsl(var(--a) / var(--tw-text-opacity));
}
.btn-outline.btn-info .badge-outline {
--tw-border-opacity: 1;
border-color: hsl(var(--in) / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: hsl(var(--in) / var(--tw-text-opacity));
}
.btn-outline.btn-success .badge-outline {
--tw-border-opacity: 1;
border-color: hsl(var(--su) / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: hsl(var(--su) / var(--tw-text-opacity));
}
.btn-outline.btn-warning .badge-outline {
--tw-border-opacity: 1;
border-color: hsl(var(--wa) / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: hsl(var(--wa) / var(--tw-text-opacity));
}
.btn-outline.btn-error .badge-outline {
--tw-border-opacity: 1;
border-color: hsl(var(--er) / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: hsl(var(--er) / var(--tw-text-opacity));
}
.btn-outline:hover .badge {
--tw-border-opacity: 1;
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--bc) / var(--tw-text-opacity));
}
.btn-outline:hover .badge.outline {
--tw-border-opacity: 1;
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: hsl(var(--nc) / var(--tw-text-opacity));
}
.btn-outline.btn-primary:hover .badge {
--tw-border-opacity: 1;
border-color: hsl(var(--pc) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--pc) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--p) / var(--tw-text-opacity));
}
.btn-outline.btn-primary:hover .badge.outline {
--tw-border-opacity: 1;
border-color: hsl(var(--pc) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--pc) / var(--tw-text-opacity));
}
.btn-outline.btn-secondary:hover .badge {
--tw-border-opacity: 1;
border-color: hsl(var(--sc) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--sc) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--s) / var(--tw-text-opacity));
}
.btn-outline.btn-secondary:hover .badge.outline {
--tw-border-opacity: 1;
border-color: hsl(var(--sc) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--sc) / var(--tw-text-opacity));
}
.btn-outline.btn-accent:hover .badge {
--tw-border-opacity: 1;
border-color: hsl(var(--ac) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--ac) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--a) / var(--tw-text-opacity));
}
.btn-outline.btn-accent:hover .badge.outline {
--tw-border-opacity: 1;
border-color: hsl(var(--ac) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--af, var(--a)) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--ac) / var(--tw-text-opacity));
}
.btm-nav>*:where(.active) {
border-top-width: 2px;
--tw-bg-opacity: 1;
background-color: hsl(var(--b1) / var(--tw-bg-opacity));
}
.btm-nav>*.disabled,
.btm-nav>*.disabled:hover,
.btm-nav>*[disabled],
.btm-nav>*[disabled]:hover {
pointer-events: none;
--tw-border-opacity: 0;
background-color: hsl(var(--n) / var(--tw-bg-opacity));
--tw-bg-opacity: 0.1;
color: hsl(var(--bc) / var(--tw-text-opacity));
--tw-text-opacity: 0.2;
}
.btm-nav>* .label {
font-size: 1rem;
line-height: 1.5rem;
}
.breadcrumbs > ul > li > a:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.breadcrumbs > ul > li > a:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
.breadcrumbs > ul > li + *:before {
content: "";
margin-left: 0.5rem;
margin-right: 0.75rem;
display: block;
height: 0.375rem;
width: 0.375rem;
--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));
opacity: 0.4;
border-top: 1px solid;
border-right: 1px solid;
background-color: transparent;
}
.btn:active:hover,
.btn:active:focus {
-webkit-animation: none;
animation: none;
transform: scale(var(--btn-focus-scale, 0.95));
}
.btn:hover,
.btn-active {
--tw-border-opacity: 1;
border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--nf, var(--n)) / var(--tw-bg-opacity));
}
.btn:focus-visible {
outline: 2px solid hsl(var(--nf));
outline-offset: 2px;
}
.btn-primary {
--tw-border-opacity: 1;
border-color: hsl(var(--p) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--p) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--pc) / var(--tw-text-opacity));
}
.btn-primary:hover,
.btn-primary.btn-active {
--tw-border-opacity: 1;
border-color: hsl(var(--pf, var(--p)) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));
}
.btn-primary:focus-visible {
outline: 2px solid hsl(var(--p));
}
.btn-secondary {
--tw-border-opacity: 1;
border-color: hsl(var(--s) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--s) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--sc) / var(--tw-text-opacity));
}
.btn-secondary:hover,
.btn-secondary.btn-active {
--tw-border-opacity: 1;
border-color: hsl(var(--sf, var(--s)) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));
}
.btn-secondary:focus-visible {
outline: 2px solid hsl(var(--s));
}
.btn-accent {
--tw-border-opacity: 1;
border-color: hsl(var(--a) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--a) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--ac) / var(--tw-text-opacity));
}
.btn-accent:hover,
.btn-accent.btn-active {
--tw-border-opacity: 1;
border-color: hsl(var(--af, var(--a)) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--af, var(--a)) / var(--tw-bg-opacity));
}
.btn-accent:focus-visible {
outline: 2px solid hsl(var(--a));
}
.btn-error {
--tw-border-opacity: 1;
border-color: hsl(var(--er) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--er) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
}
.btn-error:hover,
.btn-error.btn-active {
--tw-border-opacity: 1;
border-color: hsl(var(--er) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--er) / var(--tw-bg-opacity));
}
.btn-error:focus-visible {
outline: 2px solid hsl(var(--er));
}
.btn.glass:hover,
.btn.glass.btn-active {
--glass-opacity: 25%;
--glass-border-opacity: 15%;
}
.btn.glass:focus-visible {
outline: 2px solid 0 0 2px currentColor;
}
.btn-ghost {
border-width: 1px;
border-color: transparent;
background-color: transparent;
color: currentColor;
}
.btn-ghost:hover,
.btn-ghost.btn-active {
--tw-border-opacity: 0;
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
--tw-bg-opacity: 0.2;
}
.btn-ghost:focus-visible {
outline: 2px solid 0 0 2px currentColor;
}
.btn-link {
border-color: transparent;
background-color: transparent;
--tw-text-opacity: 1;
color: hsl(var(--p) / var(--tw-text-opacity));
}
.btn-link:hover,
.btn-link.btn-active {
border-color: transparent;
background-color: transparent;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.btn-link:focus-visible {
outline: 2px solid 0 0 2px currentColor;
}
.btn-outline {
border-color: currentColor;
background-color: transparent;
--tw-text-opacity: 1;
color: hsl(var(--bc) / var(--tw-text-opacity));
}
.btn-outline:hover {
--tw-border-opacity: 1;
border-color: hsl(var(--bc) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--b1) / var(--tw-text-opacity));
}
.btn-outline.btn-primary {
--tw-text-opacity: 1;
color: hsl(var(--p) / var(--tw-text-opacity));
}
.btn-outline.btn-primary:hover {
--tw-border-opacity: 1;
border-color: hsl(var(--pf, var(--p)) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--pc) / var(--tw-text-opacity));
}
.btn-outline.btn-secondary {
--tw-text-opacity: 1;
color: hsl(var(--s) / var(--tw-text-opacity));
}
.btn-outline.btn-secondary:hover {
--tw-border-opacity: 1;
border-color: hsl(var(--sf, var(--s)) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--sc) / var(--tw-text-opacity));
}
.btn-outline.btn-accent {
--tw-text-opacity: 1;
color: hsl(var(--a) / var(--tw-text-opacity));
}
.btn-outline.btn-accent:hover {
--tw-border-opacity: 1;
border-color: hsl(var(--af, var(--a)) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--af, var(--a)) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--ac) / var(--tw-text-opacity));
}
.btn-outline.btn-success {
--tw-text-opacity: 1;
color: hsl(var(--su) / var(--tw-text-opacity));
}
.btn-outline.btn-success:hover {
--tw-border-opacity: 1;
border-color: hsl(var(--su) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--su) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
}
.btn-outline.btn-info {
--tw-text-opacity: 1;
color: hsl(var(--in) / var(--tw-text-opacity));
}
.btn-outline.btn-info:hover {
--tw-border-opacity: 1;
border-color: hsl(var(--in) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--in) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
}
.btn-outline.btn-warning {
--tw-text-opacity: 1;
color: hsl(var(--wa) / var(--tw-text-opacity));
}
.btn-outline.btn-warning:hover {
--tw-border-opacity: 1;
border-color: hsl(var(--wa) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--wa) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
}
.btn-outline.btn-error {
--tw-text-opacity: 1;
color: hsl(var(--er) / var(--tw-text-opacity));
}
.btn-outline.btn-error:hover {
--tw-border-opacity: 1;
border-color: hsl(var(--er) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--er) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
}
.btn-disabled,
.btn-disabled:hover,
.btn[disabled],
.btn[disabled]:hover {
--tw-border-opacity: 0;
background-color: hsl(var(--n) / var(--tw-bg-opacity));
--tw-bg-opacity: 0.2;
color: hsl(var(--bc) / var(--tw-text-opacity));
--tw-text-opacity: 0.2;
}
.btn.loading.btn-square:before,
.btn.loading.btn-circle:before {
margin-right: 0px;
}
.btn.loading.btn-xl:before,
.btn.loading.btn-lg:before {
height: 1.25rem;
width: 1.25rem;
}
.btn.loading.btn-sm:before,
.btn.loading.btn-xs:before {
height: 0.75rem;
width: 0.75rem;
}
.btn-group > input[type="radio"]:checked.btn,
.btn-group > .btn-active {
--tw-border-opacity: 1;
border-color: hsl(var(--p) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--p) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--pc) / var(--tw-text-opacity));
}
.btn-group > input[type="radio"]:checked.btn:focus-visible, .btn-group > .btn-active:focus-visible {
outline: 2px solid hsl(var(--p));
}
.btn-group:not(.btn-group-vertical) > .btn:not(:first-of-type) {
margin-left: -1px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.btn-group:not(.btn-group-vertical) > .btn:not(:last-of-type) {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.btn-group-vertical > .btn:not(:first-of-type) {
margin-top: -1px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.btn-group-vertical > .btn:not(:last-of-type) {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
@-webkit-keyframes button-pop {
0% {
transform: scale(var(--btn-focus-scale, 0.95));
}
40% {
transform: scale(1.02);
}
100% {
transform: scale(1);
}
}
@keyframes button-pop {
0% {
transform: scale(var(--btn-focus-scale, 0.95));
}
40% {
transform: scale(1.02);
}
100% {
transform: scale(1);
}
}
.card:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
.card.bordered {
border-width: 1px;
--tw-border-opacity: 1;
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
}
.card.compact .card-body {
padding: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
}
.card-title {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 600;
}
.carousel::-webkit-scrollbar {
display: none;
}
.checkbox:focus-visible {
outline: 2px solid hsl(var(--bc));
outline-offset: 2px;
}
.checkbox:checked,
.checkbox[checked="true"] {
--tw-bg-opacity: 1;
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
background-repeat: no-repeat;
-webkit-animation: checkmark var(--animation-input, 0.2s) ease-in-out;
animation: checkmark var(--animation-input, 0.2s) ease-in-out;
background-image: linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 65.99%), linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 75.99%), linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 40.99%), linear-gradient(45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 30.99%, hsl(var(--chkfg)) 40%, transparent 40.99%), linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
}
.checkbox:indeterminate {
--tw-bg-opacity: 1;
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
background-repeat: no-repeat;
-webkit-animation: checkmark var(--animation-input, 0.2s) ease-in-out;
animation: checkmark var(--animation-input, 0.2s) ease-in-out;
background-image: linear-gradient(90deg, transparent 80%, hsl(var(--chkbg)) 80%), linear-gradient(-90deg, transparent 80%, hsl(var(--chkbg)) 80%), linear-gradient(0deg, hsl(var(--chkbg)) 43%, hsl(var(--chkfg)) 43%, hsl(var(--chkfg)) 57%, hsl(var(--chkbg)) 57%);
}
.checkbox-secondary {
--chkbg: var(--s);
--chkfg: var(--sc);
--tw-border-opacity: 1;
border-color: hsl(var(--s) / var(--tw-border-opacity));
}
.checkbox-secondary:hover {
--tw-border-opacity: 1;
border-color: hsl(var(--s) / var(--tw-border-opacity));
}
.checkbox-secondary:focus-visible {
outline: 2px solid hsl(var(--s));
}
.checkbox-secondary:checked,
.checkbox-secondary[checked="true"] {
--tw-border-opacity: 1;
border-color: hsl(var(--s) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--s) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--sc) / var(--tw-text-opacity));
}
.checkbox:disabled {
cursor: not-allowed;
border-color: transparent;
--tw-bg-opacity: 1;
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
opacity: 0.2;
}
@-webkit-keyframes checkmark {
0% {
background-position-y: 5px;
}
50% {
background-position-y: -2px;
}
100% {
background-position-y: 0;
}
}
@keyframes checkmark {
0% {
background-position-y: 5px;
}
50% {
background-position-y: -2px;
}
100% {
background-position-y: 0;
}
}
body[dir="rtl"] .checkbox {
--chkbg: var(--bc);
--chkfg: var(--b1);
}
body[dir="rtl"] .checkbox:checked,
body[dir="rtl"] .checkbox[checked="true"] {
background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%), linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%), linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%), linear-gradient(-45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 30.99%, hsl(var(--chkfg)) 40%, transparent 40.99%), linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
}
.collapse:focus-visible {
outline: 2px solid hsl(var(--nf));
outline-offset: 2px;
}
.collapse-arrow .collapse-title:after {
position: absolute;
display: block;
height: 0.5rem;
width: 0.5rem;
transition-property: all;
transition-duration: 150ms;
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
top: 1.4rem;
right: 1.4rem;
content: "";
transform-origin: 75% 75%;
transform: rotate(45deg);
box-shadow: 2px 2px;
pointer-events: none;
}
.collapse-plus .collapse-title:after {
position: absolute;
display: block;
height: 0.5rem;
width: 0.5rem;
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
top: 0.9rem;
right: 1.4rem;
content: "+";
pointer-events: none;
}
.collapse:not(.collapse-open):not(.collapse-close) input[type="checkbox"],
.collapse:not(.collapse-open):not(.collapse-close) .collapse-title {
cursor: pointer;
}
.collapse:focus:not(.collapse-open):not(.collapse-close) .collapse-title {
cursor: unset;
}
.collapse-title,
.collapse > input[type="checkbox"] {
width: 100%;
padding: 1rem;
padding-right: 3rem;
min-height: 3.75rem;
transition: background-color 0.2s ease-in-out;
}
.collapse-open :where(.collapse-content),
.collapse:focus:not(.collapse-close) :where(.collapse-content),
.collapse:not(.collapse-close) :where(input[type="checkbox"]:checked ~ .collapse-content) {
padding-bottom: 1rem;
transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.collapse-open.collapse-arrow .collapse-title:after,
.collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
.collapse-arrow:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-title:after {
transform: rotate(225deg);
}
.collapse-open.collapse-plus .collapse-title:after,
.collapse-plus:focus:not(.collapse-close) .collapse-title:after,
.collapse-plus:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-title:after {
content: "?";
}
.divider:before {
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
--tw-bg-opacity: 0.1;
}
.divider:after {
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
--tw-bg-opacity: 0.1;
}
.divider:not(:empty) {
gap: 1rem;
}
.drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-primary {
outline: 2px solid hsl(var(--p));
}
.drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-secondary {
outline: 2px solid hsl(var(--s));
}
.drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-accent {
outline: 2px solid hsl(var(--a));
}
.drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-error {
outline: 2px solid hsl(var(--er));
}
.drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-ghost {
outline: 2px solid currentColor;
}
.drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-link {
outline: 2px solid currentColor;
}
.dropdown.dropdown-open .dropdown-content,
.dropdown.dropdown-hover:hover .dropdown-content,
.dropdown:focus .dropdown-content,
.dropdown:focus-within .dropdown-content {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.label-text {
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: hsl(var(--bc) / var(--tw-text-opacity));
}
.label-text-alt {
font-size: 0.75rem;
line-height: 1rem;
--tw-text-opacity: 1;
color: hsl(var(--bc) / var(--tw-text-opacity));
}
.label a:hover {
--tw-text-opacity: 1;
color: hsl(var(--bc) / var(--tw-text-opacity));
}
.input[list]::-webkit-calendar-picker-indicator {
line-height: 1em;
}
.input-bordered {
--tw-border-opacity: 0.2;
}
.input:focus {
outline: 2px solid hsla(var(--bc) / 0.2);
outline-offset: 2px;
}
.input-primary {
--tw-border-opacity: 1;
border-color: hsl(var(--p) / var(--tw-border-opacity));
}
.input-primary:focus {
outline: 2px solid hsl(var(--p));
}
.input-secondary {
--tw-border-opacity: 1;
border-color: hsl(var(--s) / var(--tw-border-opacity));
}
.input-secondary:focus {
outline: 2px solid hsl(var(--s));
}
.input-disabled,
.input[disabled] {
cursor: not-allowed;
--tw-border-opacity: 1;
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
--tw-text-opacity: 0.2;
}
.input-disabled::-moz-placeholder, .input[disabled]::-moz-placeholder {
color: hsl(var(--bc) / var(--tw-placeholder-opacity));
--tw-placeholder-opacity: 0.2;
}
.input-disabled::placeholder,
.input[disabled]::placeholder {
color: hsl(var(--bc) / var(--tw-placeholder-opacity));
--tw-placeholder-opacity: 0.2;
}
.link-secondary {
--tw-text-opacity: 1;
color: hsl(var(--s) / var(--tw-text-opacity));
}
.link-secondary:hover {
--tw-text-opacity: 1;
color: hsl(var(--sf, var(--s)) / var(--tw-text-opacity));
}
.link:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.link:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
.menu.horizontal li.bordered > a,
.menu.horizontal li.bordered > button,
.menu.horizontal li.bordered > span {
border-left-width: 0px;
border-bottom-width: 4px;
--tw-border-opacity: 1;
border-color: hsl(var(--p) / var(--tw-border-opacity));
}
.menu[class*=" p-"] li > *,
.menu[class^="p-"] li > * {
border-radius: var(--rounded-btn, 0.5rem);
}
.menu :where(li.bordered > *) {
border-left-width: 4px;
--tw-border-opacity: 1;
border-color: hsl(var(--p) / var(--tw-border-opacity));
}
.menu :where(li) > :where(*:not(ul)) {
gap: 0.75rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: currentColor;
}
.menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):focus),
.menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):hover) {
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
--tw-bg-opacity: 0.1;
}
.menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul).active),
.menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):active) {
--tw-bg-opacity: 1;
background-color: hsl(var(--p) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--pc) / var(--tw-text-opacity));
}
.menu :where(li:empty) {
margin-left: 1rem;
margin-right: 1rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
height: 1px;
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
--tw-bg-opacity: 0.1;
}
.menu li.disabled > * {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
color: hsl(var(--bc) / var(--tw-text-opacity));
--tw-text-opacity: 0.2;
}
.menu li.disabled > *:hover {
background-color: transparent;
}
.menu li.hover-bordered a {
border-left-width: 4px;
border-color: transparent;
}
.menu li.hover-bordered a:hover {
--tw-border-opacity: 1;
border-color: hsl(var(--p) / var(--tw-border-opacity));
}
.menu.compact li > a,
.menu.compact li > span {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
}
.menu .menu-title > * {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 700;
color: hsl(var(--bc) / var(--tw-text-opacity));
--tw-text-opacity: 0.4;
}
.menu :where(li:not(.disabled)) > :where(*:not(ul)) {
outline: 2px solid transparent;
outline-offset: 2px;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.menu > :where(li:first-child) {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
border-bottom-right-radius: unset;
border-bottom-left-radius: unset;
}
.menu > :where(li:first-child) > :where(:not(ul)) {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
border-bottom-right-radius: unset;
border-bottom-left-radius: unset;
}
.menu > :where(li:last-child) {
border-top-left-radius: unset;
border-top-right-radius: unset;
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.menu > :where(li:last-child) > :where(:not(ul)) {
border-top-left-radius: unset;
border-top-right-radius: unset;
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.menu > :where(li) > :where(ul) :where(li) {
width: 100%;
white-space: nowrap;
}
.menu > :where(li) > :where(ul) :where(li) :where(ul) {
padding-left: 1rem;
}
.menu > :where(li) > :where(ul) :where(li) > :where(:not(ul)) {
width: 100%;
white-space: nowrap;
}
.menu > :where(li) > :where(ul) > :where(li:first-child) {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
border-bottom-right-radius: unset;
border-bottom-left-radius: unset;
}
.menu > :where(li) > :where(ul) > :where(li:first-child) > :where(:not(ul)) {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
border-bottom-right-radius: unset;
border-bottom-left-radius: unset;
}
.menu > :where(li) > :where(ul) > :where(li:last-child) {
border-top-left-radius: unset;
border-top-right-radius: unset;
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.menu > :where(li) > :where(ul) > :where(li:last-child) > :where(:not(ul)) {
border-top-left-radius: unset;
border-top-right-radius: unset;
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.mockup-phone .display {
overflow: hidden;
border-radius: 40px;
margin-top: -25px;
}
@-webkit-keyframes progress-loading {
50% {
left: 107%;
}
}
@keyframes progress-loading {
50% {
left: 107%;
}
}
.radio:focus-visible {
outline: 2px solid hsl(var(--bc));
outline-offset: 2px;
}
.radio:checked {
--tw-bg-opacity: 1;
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
-webkit-animation: radiomark var(--animation-input, 0.2s) ease-in-out;
animation: radiomark var(--animation-input, 0.2s) ease-in-out;
box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset;
}
.radio:disabled {
cursor: not-allowed;
opacity: 0.2;
}
@-webkit-keyframes radiomark {
0% {
box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset;
}
50% {
box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset;
}
100% {
box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset;
}
}
@keyframes radiomark {
0% {
box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset;
}
50% {
box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset;
}
100% {
box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset;
}
}
@-webkit-keyframes rating-pop {
0% {
transform: translateY(-0.125em);
}
40% {
transform: translateY(-0.125em);
}
100% {
transform: translateY(0);
}
}
@keyframes rating-pop {
0% {
transform: translateY(-0.125em);
}
40% {
transform: translateY(-0.125em);
}
100% {
transform: translateY(0);
}
}
.select:focus {
outline: 2px solid hsla(var(--bc) / 0.2);
outline-offset: 2px;
}
.select-primary {
--tw-border-opacity: 1;
border-color: hsl(var(--p) / var(--tw-border-opacity));
}
.select-primary:focus {
outline: 2px solid hsl(var(--p));
}
.select-secondary {
--tw-border-opacity: 1;
border-color: hsl(var(--s) / var(--tw-border-opacity));
}
.select-secondary:focus {
outline: 2px solid hsl(var(--s));
}
.select-disabled::-moz-placeholder, .select[disabled]::-moz-placeholder {
color: hsl(var(--bc) / var(--tw-placeholder-opacity));
--tw-placeholder-opacity: 0.2;
}
.select-disabled::placeholder,
.select[disabled]::placeholder {
color: hsl(var(--bc) / var(--tw-placeholder-opacity));
--tw-placeholder-opacity: 0.2;
}
.select-multiple,
.select[multiple],
.select[size].select:not([size="1"]) {
background-image: none;
padding-right: 1rem;
}
.steps .step:before {
top: 0px;
grid-column-start: 1;
grid-row-start: 1;
height: 0.5rem;
width: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity: 1;
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--bc) / var(--tw-text-opacity));
content: "";
margin-left: -100%;
}
.steps .step:after {
content: counter(step);
counter-increment: step;
z-index: 1;
position: relative;
grid-column-start: 1;
grid-row-start: 1;
display: grid;
height: 2rem;
width: 2rem;
place-items: center;
place-self: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--bc) / var(--tw-text-opacity));
}
.steps .step:first-child:before {
content: none;
}
.steps .step[data-content]:after {
content: attr(data-content);
}
.table :where(th, td) {
white-space: nowrap;
padding: 1rem;
vertical-align: middle;
}
.table tr.active th,
.table tr.active td,
.table tr.active:nth-child(even) th,
.table tr.active:nth-child(even) td {
--tw-bg-opacity: 1;
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));
}
.table tr.hover:hover th,
.table tr.hover:hover td,
.table tr.hover:nth-child(even):hover th,
.table tr.hover:nth-child(even):hover td {
--tw-bg-opacity: 1;
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));
}
.table:where(:not(.table-zebra)) :where(thead, tbody, tfoot) :where(tr:not(:last-child) :where(th, td)) {
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
}
.table :where(thead, tfoot) :where(th, td) {
--tw-bg-opacity: 1;
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
font-size: 0.75rem;
line-height: 1rem;
font-weight: 700;
text-transform: uppercase;
}
.table :where(:first-child) :where(:first-child) :where(th, td):first-child {
border-top-left-radius: 0.5rem;
}
.table :where(:first-child) :where(:first-child) :where(th, td):last-child {
border-top-right-radius: 0.5rem;
}
.table :where(:last-child) :where(:last-child) :where(th, td):first-child {
border-bottom-left-radius: 0.5rem;
}
.table :where(:last-child) :where(:last-child) :where(th, td):last-child {
border-bottom-right-radius: 0.5rem;
}
.table :where(tbody th, tbody td) {
--tw-bg-opacity: 1;
background-color: hsl(var(--b1) / var(--tw-bg-opacity));
}
.table-zebra tbody tr:nth-child(even) th,
.table-zebra tbody tr:nth-child(even) td {
--tw-bg-opacity: 1;
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
}
.textarea:focus {
outline: 2px solid hsla(var(--bc) / 0.2);
outline-offset: 2px;
}
.textarea-disabled,
.textarea[disabled] {
cursor: not-allowed;
--tw-border-opacity: 1;
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
--tw-text-opacity: 0.2;
}
.textarea-disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder {
color: hsl(var(--bc) / var(--tw-placeholder-opacity));
--tw-placeholder-opacity: 0.2;
}
.textarea-disabled::placeholder,
.textarea[disabled]::placeholder {
color: hsl(var(--bc) / var(--tw-placeholder-opacity));
--tw-placeholder-opacity: 0.2;
}
.rounded-box {
border-radius: var(--rounded-box, 1rem);
}
.btm-nav-xs>*:where(.active) {
border-top-width: 1px;
}
.btm-nav-sm>*:where(.active) {
border-top-width: 2px;
}
.btm-nav-md>*:where(.active) {
border-top-width: 2px;
}
.btm-nav-lg>*:where(.active) {
border-top-width: 4px;
}
.btn-xs {
height: 1.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
min-height: 1.5rem;
font-size: 0.75rem;
}
.btn-sm {
height: 2rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
min-height: 2rem;
font-size: 0.875rem;
}
.btn-square:where(.btn-xs) {
height: 1.5rem;
width: 1.5rem;
padding: 0px;
}
.btn-square:where(.btn-sm) {
height: 2rem;
width: 2rem;
padding: 0px;
}
.btn-circle:where(.btn-xs) {
height: 1.5rem;
width: 1.5rem;
border-radius: 9999px;
padding: 0px;
}
.btn-circle:where(.btn-sm) {
height: 2rem;
width: 2rem;
border-radius: 9999px;
padding: 0px;
}
.checkbox-sm {
height: 1.25rem;
width: 1.25rem;
}
.menu-horizontal {
display: inline-flex;
flex-direction: row;
}
.menu-horizontal :where(li) {
flex-direction: row;
}
.menu-horizontal > :where(li) > :where(ul) {
top: 100%;
left: initial;
}
.steps-horizontal .step {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-template-rows: repeat(2, minmax(0, 1fr));
place-items: center;
text-align: center;
}
.steps-vertical .step {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.alert-success {
--tw-bg-opacity: 1;
background-color: hsl(var(--su) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
}
.alert-error {
--tw-bg-opacity: 1;
background-color: hsl(var(--er) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
}
.card-compact .card-body {
padding: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
}
.card-compact .card-title {
margin-bottom: 0.25rem;
}
.card-normal .card-body {
padding: var(--padding-card, 2rem);
font-size: 1rem;
line-height: 1.5rem;
}
.card-normal .card-title {
margin-bottom: 0.75rem;
}
.menu-horizontal :where(li.bordered > *) {
border-left-width: 0px;
border-bottom-width: 4px;
}
.menu-horizontal > :where(li:first-child) {
border-top-left-radius: inherit;
border-top-right-radius: unset;
border-bottom-right-radius: unset;
border-bottom-left-radius: inherit;
}
.menu-horizontal > :where(li:first-child) > :where(*:not(ul)) {
border-top-left-radius: inherit;
border-top-right-radius: unset;
border-bottom-right-radius: unset;
border-bottom-left-radius: inherit;
}
.menu-horizontal > :where(li:last-child) {
border-top-left-radius: unset;
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
border-bottom-left-radius: unset;
}
.menu-horizontal > :where(li:last-child) > :where(*:not(ul)) {
border-top-left-radius: unset;
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
border-bottom-left-radius: unset;
}
.steps-horizontal .step {
grid-template-rows: 40px 1fr;
grid-template-columns: auto;
min-width: 4rem;
}
.steps-horizontal .step:before {
height: 0.5rem;
width: 100%;
--tw-translate-y: 0px;
--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));
content: "";
margin-left: -100%;
}
.steps-vertical .step {
gap: 0.5rem;
grid-template-columns: 40px 1fr;
grid-template-rows: auto;
min-height: 4rem;
justify-items: start;
}
.steps-vertical .step:before {
height: 100%;
width: 0.5rem;
--tw-translate-y: -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));
margin-left: 50%;
}
.table-normal :where(th, td) {
padding: 1rem;
font-size: 1rem;
line-height: 1.5rem;
}
.table-compact :where(th, td) {
padding: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.inset-0 {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.top-0 {
top: 0px;
}
.right-0 {
right: 0px;
}
.left-0 {
left: 0px;
}
.z-0 {
z-index: 0;
}
.z-50 {
z-index: 50;
}
.z-40 {
z-index: 40;
}
.col-span-12 {
grid-column: span 12 / span 12;
}
.col-auto {
grid-column: auto;
}
.col-span-6 {
grid-column: span 6 / span 6;
}
.col-span-8 {
grid-column: span 8 / span 8;
}
.col-span-4 {
grid-column: span 4 / span 4;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-1 {
grid-column: span 1 / span 1;
}
.col-span-3 {
grid-column: span 3 / span 3;
}
.col-end-auto {
grid-column-end: auto;
}
.row-auto {
grid-row: auto;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.-mx-3 {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
.ml-3 {
margin-left: 0.75rem;
}
.-ml-px {
margin-left: -1px;
}
.ml-1 {
margin-left: 0.25rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.ml-2 {
margin-left: 0.5rem;
}
.mt-4 {
margin-top: 1rem;
}
.ml-4 {
margin-left: 1rem;
}
.mt-8 {
margin-top: 2rem;
}
.ml-12 {
margin-left: 3rem;
}
.-mt-px {
margin-top: -1px;
}
.mb-4 {
margin-bottom: 1rem;
}
.mt-1 {
margin-top: 0.25rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.-mr-2 {
margin-right: -0.5rem;
}
.mr-1 {
margin-right: 0.25rem;
}
.-mb-1 {
margin-bottom: -0.25rem;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.-mr-0\.5 {
margin-right: -0.125rem;
}
.-mr-0 {
margin-right: -0px;
}
.mt-10 {
margin-top: 2.5rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.ml-5 {
margin-left: 1.25rem;
}
.mt-7 {
margin-top: 1.75rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.block {
display: block;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.h-5 {
height: 1.25rem;
}
.h-8 {
height: 2rem;
}
.h-16 {
height: 4rem;
}
.h-20 {
height: 5rem;
}
.h-10 {
height: 2.5rem;
}
.h-4 {
height: 1rem;
}
.h-6 {
height: 1.5rem;
}
.h-1 {
height: 0.25rem;
}
.min-h-screen {
min-height: 100vh;
}
.w-5 {
width: 1.25rem;
}
.w-8 {
width: 2rem;
}
.w-auto {
width: auto;
}
.w-20 {
width: 5rem;
}
.w-full {
width: 100%;
}
.w-48 {
width: 12rem;
}
.w-4 {
width: 1rem;
}
.w-6 {
width: 1.5rem;
}
.w-52 {
width: 13rem;
}
.w-16 {
width: 4rem;
}
.w-80 {
width: 20rem;
}
.w-10 {
width: 2.5rem;
}
.w-1\/2 {
width: 50%;
}
.w-24 {
width: 6rem;
}
.max-w-xl {
max-width: 36rem;
}
.max-w-6xl {
max-width: 72rem;
}
.max-w-7xl {
max-width: 80rem;
}
.max-w-sm {
max-width: 24rem;
}
.max-w-full {
max-width: 100%;
}
.flex-1 {
flex: 1 1 0%;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.shrink-0 {
flex-shrink: 0;
}
.border-separate {
border-collapse: separate;
}
.origin-top-left {
transform-origin: top left;
}
.origin-top {
transform-origin: top;
}
.origin-top-right {
transform-origin: top right;
}
.scale-95 {
--tw-scale-x: .95;
--tw-scale-y: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-default {
cursor: default;
}
.list-inside {
list-style-position: inside;
}
.list-disc {
list-style-type: disc;
}
.grid-flow-row {
grid-auto-flow: row;
}
.grid-flow-col {
grid-auto-flow: column;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.place-content-end {
place-content: end;
}
.place-items-end {
place-items: end;
}
.place-items-center {
place-items: center;
}
.items-center {
align-items: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.justify-items-center {
justify-items: center;
}
.gap-5 {
gap: 1.25rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-4 {
gap: 1rem;
}
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2rem * var(--tw-space-x-reverse));
margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.overflow-hidden {
overflow: hidden;
}
.overflow-scroll {
overflow: scroll;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-x-scroll {
overflow-x: scroll;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-2xl {
border-radius: 1rem;
}
.rounded-l-md {
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.rounded-r-md {
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.border {
border-width: 1px;
}
.border-2 {
border-width: 2px;
}
.border-t {
border-top-width: 1px;
}
.border-r {
border-right-width: 1px;
}
.border-b {
border-bottom-width: 1px;
}
.border-b-2 {
border-bottom-width: 2px;
}
.border-l-4 {
border-left-width: 4px;
}
.border-solid {
border-style: solid;
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-400 {
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.border-transparent {
border-color: transparent;
}
.border-indigo-400 {
--tw-border-opacity: 1;
border-color: rgb(129 140 248 / var(--tw-border-opacity));
}
.border-gray-100 {
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-secondary {
--tw-border-opacity: 1;
border-color: hsl(var(--s) / var(--tw-border-opacity));
}
.border-accent {
--tw-border-opacity: 1;
border-color: hsl(var(--a) / var(--tw-border-opacity));
}
.border-neutral {
--tw-border-opacity: 1;
border-color: hsl(var(--n) / var(--tw-border-opacity));
}
.border-primary {
--tw-border-opacity: 1;
border-color: hsl(var(--p) / var(--tw-border-opacity));
}
.border-gray-700 {
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-800 {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-indigo-50 {
--tw-bg-opacity: 1;
background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}
.bg-primary {
--tw-bg-opacity: 1;
background-color: hsl(var(--p) / var(--tw-bg-opacity));
}
.bg-base-100 {
--tw-bg-opacity: 1;
background-color: hsl(var(--b1) / var(--tw-bg-opacity));
}
.bg-base-200 {
--tw-bg-opacity: 1;
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
}
.bg-base-300 {
--tw-bg-opacity: 1;
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));
}
.bg-gray-900 {
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.bg-secondary {
--tw-bg-opacity: 1;
background-color: hsl(var(--s) / var(--tw-bg-opacity));
}
.bg-accent {
--tw-bg-opacity: 1;
background-color: hsl(var(--a) / var(--tw-bg-opacity));
}
.fill-current {
fill: currentColor;
}
.stroke-current {
stroke: currentColor;
}
.p-6 {
padding: 1.5rem;
}
.p-2 {
padding: 0.5rem;
}
.p-0 {
padding: 0px;
}
.p-5 {
padding: 1.25rem;
}
.p-10 {
padding: 2.5rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.pt-8 {
padding-top: 2rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pt-1 {
padding-top: 0.25rem;
}
.pl-3 {
padding-left: 0.75rem;
}
.pr-4 {
padding-right: 1rem;
}
.pt-2 {
padding-top: 0.5rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pt-4 {
padding-top: 1rem;
}
.pb-1 {
padding-bottom: 0.25rem;
}
.pt-5 {
padding-top: 1.25rem;
}
.pb-5 {
padding-bottom: 1.25rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pt-10 {
padding-top: 2.5rem;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.align-baseline {
vertical-align: baseline;
}
.align-bottom {
vertical-align: bottom;
}
.font-sans {
font-family: Nunito, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.text-5xl {
font-size: 3rem;
line-height: 1;
}
.font-medium {
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
.font-bold {
font-weight: 700;
}
.font-light {
font-weight: 300;
}
.uppercase {
text-transform: uppercase;
}
.normal-case {
text-transform: none;
}
.leading-5 {
line-height: 1.25rem;
}
.leading-7 {
line-height: 1.75rem;
}
.leading-tight {
line-height: 1.25;
}
.leading-4 {
line-height: 1rem;
}
.tracking-wider {
letter-spacing: 0.05em;
}
.tracking-widest {
letter-spacing: 0.1em;
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-200 {
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
}
.text-gray-300 {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-900 {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-gray-800 {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-indigo-600 {
--tw-text-opacity: 1;
color: rgb(79 70 229 / var(--tw-text-opacity));
}
.text-green-600 {
--tw-text-opacity: 1;
color: rgb(22 163 74 / var(--tw-text-opacity));
}
.text-red-600 {
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-indigo-700 {
--tw-text-opacity: 1;
color: rgb(67 56 202 / var(--tw-text-opacity));
}
.text-primary-content {
--tw-text-opacity: 1;
color: hsl(var(--pc) / var(--tw-text-opacity));
}
.text-base-100 {
--tw-text-opacity: 1;
color: hsl(var(--b1) / var(--tw-text-opacity));
}
.text-base-content {
--tw-text-opacity: 1;
color: hsl(var(--bc) / var(--tw-text-opacity));
}
.text-neutral {
--tw-text-opacity: 1;
color: hsl(var(--n) / var(--tw-text-opacity));
}
.text-secondary-content {
--tw-text-opacity: 1;
color: hsl(var(--sc) / var(--tw-text-opacity));
}
.text-primary {
--tw-text-opacity: 1;
color: hsl(var(--p) / var(--tw-text-opacity));
}
.text-error {
--tw-text-opacity: 1;
color: hsl(var(--er) / var(--tw-text-opacity));
}
.text-error-content {
--tw-text-opacity: 1;
color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
}
.text-success-content {
--tw-text-opacity: 1;
color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
}
.underline {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.decoration-base-content {
-webkit-text-decoration-color: hsl(var(--bc));
text-decoration-color: hsl(var(--bc));
}
.decoration-gray-900 {
-webkit-text-decoration-color: #111827;
text-decoration-color: #111827;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.opacity-0 {
opacity: 0;
}
.opacity-100 {
opacity: 1;
}
.opacity-70 {
opacity: 0.7;
}
.opacity-25 {
opacity: 0.25;
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-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-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-primary {
outline-color: hsl(var(--p));
}
.ring-1 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-gray-300 {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}
.ring-black {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}
.ring-opacity-5 {
--tw-ring-opacity: 0.05;
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-opacity-30 {
--tw-backdrop-opacity: opacity(0.3);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.duration-150 {
transition-duration: 150ms;
}
.duration-200 {
transition-duration: 200ms;
}
.duration-75 {
transition-duration: 75ms;
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.hover\:border-gray-300:hover {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.hover\:bg-gray-700:hover {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.hover\:bg-gray-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.hover\:bg-gray-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.hover\:text-gray-500:hover {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.hover\:text-gray-400:hover {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.hover\:text-gray-900:hover {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.hover\:text-gray-700:hover {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.hover\:text-gray-800:hover {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.hover\:text-secondary:hover {
--tw-text-opacity: 1;
color: hsl(var(--s) / var(--tw-text-opacity));
}
.hover\:text-primary:hover {
--tw-text-opacity: 1;
color: hsl(var(--p) / var(--tw-text-opacity));
}
.hover\:text-accent:hover {
--tw-text-opacity: 1;
color: hsl(var(--a) / var(--tw-text-opacity));
}
.hover\:no-underline:hover {
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.focus\:z-10:focus {
z-index: 10;
}
.focus\:border-blue-300:focus {
--tw-border-opacity: 1;
border-color: rgb(147 197 253 / var(--tw-border-opacity));
}
.focus\:border-indigo-300:focus {
--tw-border-opacity: 1;
border-color: rgb(165 180 252 / var(--tw-border-opacity));
}
.focus\:border-gray-900:focus {
--tw-border-opacity: 1;
border-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.focus\:border-indigo-700:focus {
--tw-border-opacity: 1;
border-color: rgb(67 56 202 / var(--tw-border-opacity));
}
.focus\:border-gray-300:focus {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.focus\:border-accent:focus {
--tw-border-opacity: 1;
border-color: hsl(var(--a) / var(--tw-border-opacity));
}
.focus\:bg-gray-100:focus {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.focus\:bg-indigo-100:focus {
--tw-bg-opacity: 1;
background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}
.focus\:bg-gray-50:focus {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.focus\:text-gray-700:focus {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.focus\:text-indigo-800:focus {
--tw-text-opacity: 1;
color: rgb(55 48 163 / var(--tw-text-opacity));
}
.focus\:text-gray-800:focus {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.focus\:text-gray-500:focus {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.focus\:text-accent-content:focus {
--tw-text-opacity: 1;
color: hsl(var(--ac) / var(--tw-text-opacity));
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus\:ring: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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-indigo-200:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity));
}
.focus\:ring-opacity-50:focus {
--tw-ring-opacity: 0.5;
}
.active\:bg-gray-100:active {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.active\:bg-gray-900:active {
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.active\:text-gray-700:active {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.active\:text-gray-500:active {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.disabled\:opacity-25:disabled {
opacity: 0.25;
}
@media (prefers-color-scheme: dark) {
.dark\:border-gray-700 {
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
.dark\:bg-gray-900 {
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.dark\:bg-gray-800 {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.dark\:text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.dark\:text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark\:text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
}
@media (min-width: 640px) {
.sm\:-my-px {
margin-top: -1px;
margin-bottom: -1px;
}
.sm\:ml-0 {
margin-left: 0px;
}
.sm\:ml-10 {
margin-left: 2.5rem;
}
.sm\:ml-6 {
margin-left: 1.5rem;
}
.sm\:block {
display: block;
}
.sm\:flex {
display: flex;
}
.sm\:hidden {
display: none;
}
.sm\:h-20 {
height: 5rem;
}
.sm\:max-w-md {
max-width: 28rem;
}
.sm\:flex-1 {
flex: 1 1 0%;
}
.sm\:items-center {
align-items: center;
}
.sm\:justify-start {
justify-content: flex-start;
}
.sm\:justify-center {
justify-content: center;
}
.sm\:justify-between {
justify-content: space-between;
}
.sm\:rounded-lg {
border-radius: 0.5rem;
}
.sm\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.sm\:px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.sm\:pt-0 {
padding-top: 0px;
}
.sm\:text-left {
text-align: left;
}
.sm\:text-right {
text-align: right;
}
.sm\:text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.sm\:leading-5 {
line-height: 1.25rem;
}
}
@media (min-width: 768px) {
.md\:w-1\/2 {
width: 50%;
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:border-t-0 {
border-top-width: 0px;
}
.md\:border-l {
border-left-width: 1px;
}
}
@media (min-width: 1024px) {
.lg\:card-side {
align-items: stretch;
flex-direction: row;
}
.lg\:card-side figure > * {
max-width: unset;
}
{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.lg\:table-normal :where(th, td) {
padding: 1rem;
font-size: 1rem;
line-height: 1.5rem;
}
.lg\:col-span-1 {
grid-column: span 1 / span 1;
}
.lg\:flex {
display: flex;
}
.lg\:hidden {
display: none;
}
.lg\:w-1\/4 {
width: 25%;
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:flex-row-reverse {
flex-direction: row-reverse;
}
.lg\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.lg\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.lg\:text-left {
text-align: left;
}
}
|
Download
