/*
! tailwindcss v3.3.6 | 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.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
    line-height: 1.5; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -moz-tab-size: 4; /* 3 */
    -o-tab-size: 4;
    tab-size: 4; /* 3 */
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
    font-feature-settings: normal; /* 5 */
    font-variation-settings: normal; /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
    margin: 0; /* 1 */
    line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
    height: 0; /* 1 */
    color: inherit; /* 2 */
    border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
    color: inherit;
    text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
    font-feature-settings: normal; /* 2 */
    font-variation-settings: normal; /* 3 */
    font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
    text-indent: 0; /* 1 */
    border-color: inherit; /* 2 */
    border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-feature-settings: inherit; /* 1 */
    font-variation-settings: inherit; /* 1 */
    font-size: 100%; /* 1 */
    font-weight: inherit; /* 1 */
    line-height: inherit; /* 1 */
    color: inherit; /* 1 */
    margin: 0; /* 2 */
    padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
    text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button; /* 1 */
    background-color: transparent; /* 2 */
    background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
    outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
    box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
    display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
    padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
    resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1; /* 1 */
    color: #9CA3AF; /* 2 */
}

input::placeholder,
textarea::placeholder {
    opacity: 1; /* 1 */
    color: #9CA3AF; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
    cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
    cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block; /* 1 */
    vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
    max-width: 100%;
    height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
    display: none;
}

.tooltip-arrow, .tooltip-arrow:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit;
}

.tooltip-arrow {
    visibility: hidden;
}

.tooltip-arrow:before {
    content: "";
    visibility: visible;
    transform: rotate(45deg);
}

[data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before {
    border-style: solid;
    border-color: #e5e7eb;
}

[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before {
    border-bottom-width: 1px;
    border-right-width: 1px;
}

[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before {
    border-bottom-width: 1px;
    border-left-width: 1px;
}

[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before {
    border-top-width: 1px;
    border-left-width: 1px;
}

[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before {
    border-top-width: 1px;
    border-right-width: 1px;
}

.tooltip[data-popper-placement^='top'] > .tooltip-arrow {
    bottom: -4px;
}

.tooltip[data-popper-placement^='bottom'] > .tooltip-arrow {
    top: -4px;
}

.tooltip[data-popper-placement^='left'] > .tooltip-arrow {
    right: -4px;
}

.tooltip[data-popper-placement^='right'] > .tooltip-arrow {
    left: -4px;
}

.tooltip.invisible > .tooltip-arrow:before {
    visibility: hidden;
}

[data-popper-arrow], [data-popper-arrow]:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit;
}

[data-popper-arrow] {
    visibility: hidden;
}

[data-popper-arrow]:before {
    content: "";
    visibility: visible;
    transform: rotate(45deg);
}

[data-popper-arrow]:after {
    content: "";
    visibility: visible;
    transform: rotate(45deg);
    position: absolute;
    width: 9px;
    height: 9px;
    background: inherit;
}

[role="tooltip"] > [data-popper-arrow]:before {
    border-style: solid;
    border-color: #e5e7eb;
}

.dark [role="tooltip"] > [data-popper-arrow]:before {
    border-style: solid;
    border-color: #4b5563;
}

[role="tooltip"] > [data-popper-arrow]:after {
    border-style: solid;
    border-color: #e5e7eb;
}

.dark [role="tooltip"] > [data-popper-arrow]:after {
    border-style: solid;
    border-color: #4b5563;
}

[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before {
    border-bottom-width: 1px;
    border-right-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after {
    border-bottom-width: 1px;
    border-right-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before {
    border-bottom-width: 1px;
    border-left-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after {
    border-bottom-width: 1px;
    border-left-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before {
    border-top-width: 1px;
    border-left-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after {
    border-top-width: 1px;
    border-left-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before {
    border-top-width: 1px;
    border-right-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after {
    border-top-width: 1px;
    border-right-width: 1px;
}

[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow] {
    bottom: -5px;
}

[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow] {
    top: -5px;
}

[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow] {
    right: -5px;
}

[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow] {
    left: -5px;
}

[role="tooltip"].invisible > [data-popper-arrow]:before {
    visibility: hidden;
}

[role="tooltip"].invisible > [data-popper-arrow]:after {
    visibility: hidden;
}

[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: #1C64F2;
    --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: #1C64F2;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #6B7280;
    opacity: 1;
}

input::placeholder, textarea::placeholder {
    color: #6B7280;
    opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
}

::-webkit-date-and-time-value {
    min-height: 1.5em;
}

select:not([size]) {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 0.75em 0.75em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

:is([dir=rtl]) select:not([size]) {
    background-position: left 0.75rem center;
    padding-right: 0.75rem;
    padding-left: 0;
}

[multiple] {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset;
}

[type='checkbox'], [type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #1C64F2;
    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: #1C64F2;
    --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, .dark [type='checkbox']:checked, .dark [type='radio']:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 0.55em 0.55em;
    background-position: center;
    background-repeat: no-repeat;
}

[type='checkbox']:checked {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 0.55em 0.55em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

[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");
    background-size: 1em 1em;
}

.dark [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");
    background-size: 1em 1em;
}

[type='checkbox']:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
    background-color: currentColor;
    border-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.55em 0.55em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

[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 auto inherit;
}

input[type=file]::file-selector-button {
    color: white;
    background: #1F2937;
    border: 0;
    font-weight: 500;
    font-size: .875rem;
    cursor: pointer;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 2rem;
    padding-right: 1rem;
    margin-inline-start: -1rem;
    margin-inline-end: 1rem;
}

input[type=file]::file-selector-button:hover {
    background: #374151;
}

:is([dir=rtl]) input[type=file]::file-selector-button {
    padding-right: 2rem;
    padding-left: 1rem;
}

.dark input[type=file]::file-selector-button {
    color: white;
    background: #4B5563;
}

.dark input[type=file]::file-selector-button:hover {
    background: #6B7280;
}

input[type="range"]::-webkit-slider-thumb {
    height: 1.25rem;
    width: 1.25rem;
    background: #1C64F2;
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

input[type="range"]:disabled::-webkit-slider-thumb {
    background: #9CA3AF;
}

.dark input[type="range"]:disabled::-webkit-slider-thumb {
    background: #6B7280;
}

input[type="range"]:focus::-webkit-slider-thumb {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1px;
    --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}

input[type="range"]::-moz-range-thumb {
    height: 1.25rem;
    width: 1.25rem;
    background: #1C64F2;
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

input[type="range"]:disabled::-moz-range-thumb {
    background: #9CA3AF;
}

.dark input[type="range"]:disabled::-moz-range-thumb {
    background: #6B7280;
}

input[type="range"]::-moz-range-progress {
    background: #3F83F8;
}

input[type="range"]::-ms-fill-lower {
    background: #3F83F8;
}

.toggle-bg:after {
    content: "";
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    background: white;
    border-color: #D1D5DB;
    border-width: 1px;
    border-radius: 9999px;
    height: 1.25rem;
    width: 1.25rem;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .15s;
    box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

input:checked + .toggle-bg:after {
    transform: translateX(100%);;
    border-color: white;
}

input:checked + .toggle-bg {
    background: #1C64F2;
    border-color: #1C64F2;
}

:root,
[data-theme] {
    background-color: hsl(var(--b1) / var(--tw-bg-opacity, 1));
    color: hsl(var(--bc) / var(--tw-text-opacity, 1));
}

html {
    -webkit-tap-highlight-color: transparent;
}

:root {
    --p: 188 52% 57%;
    --pf: 188 52% 50%;
    --sf: 314 100% 40%;
    --af: 174 60% 44%;
    --nf: 219 14% 21%;
    --b2: 0 0% 93%;
    --b3: 0 0% 86%;
    --bc: 146 0% 19%;
    --pc: 189 23% 13%;
    --sc: 323 100% 93%;
    --ac: 172 29% 12%;
    --nc: 221 6% 84%;
    --inc: 202 34% 14%;
    --suc: 152 31% 13%;
    --wac: 39 47% 13%;
    --erc: 3 29% 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: 314 100% 47%;
    --a: 174 60% 51%;
    --n: 219 14% 28%;
    --b1: 0 0% 100%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
}

[type='text'], input:where(:not([type])), [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6B7280;
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
}

[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #1C64F2;
    --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: #1C64F2;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #6B7280;
    opacity: 1;
}

input::placeholder, textarea::placeholder {
    color: #6B7280;
    opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
}

::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit;
}

::-webkit-datetime-edit {
    display: inline-flex;
}

::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
}

select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

[multiple], [size]:where(select:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset;
}

[type='checkbox'], [type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #1C64F2;
    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: #1C64F2;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked, [type='radio']:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

[type='checkbox']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {

    [type='checkbox']:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto;
    }
}

[type='radio']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {

    [type='radio']:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto;
    }
}

[type='checkbox']:checked:hover, [type='checkbox']:checked:focus, [type='radio']:checked:hover, [type='radio']:checked:focus {
    border-color: transparent;
    background-color: currentColor;
}

[type='checkbox']:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

@media (forced-colors: active) {

    [type='checkbox']:indeterminate {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto;
    }
}

[type='checkbox']:indeterminate:hover, [type='checkbox']:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
}

[type='file'] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
}

[type='file']:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color;
}

/* set the global font */
body {
    font-family: 'Montserrat', sans-serif;
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(63 131 248 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(63 131 248 / 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% !important;
}

.container {
    width: 100%;
}

@media (min-width: 640px) {

    .\!container {
        max-width: 640px !important;
    }

    .container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {

    .\!container {
        max-width: 768px !important;
    }

    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {

    .\!container {
        max-width: 1024px !important;
    }

    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .\!container {
        max-width: 1280px !important;
    }

    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1536px) {

    .\!container {
        max-width: 1536px !important;
    }

    .container {
        max-width: 1536px;
    }
}

.alert {
    display: grid;
    width: 100%;
    grid-auto-flow: row;
    align-content: flex-start;
    align-items: center;
    justify-items: center;
    gap: 1rem;
    text-align: center;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--b2) / var(--tw-border-opacity));
    padding: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    border-radius: var(--rounded-box, 1rem);
    --alert-bg: hsl(var(--b2));
    --alert-bg-mix: hsl(var(--b1));
    background-color: var(--alert-bg);
}

@media (min-width: 640px) {

    .alert {
        grid-auto-flow: column;
        grid-template-columns: auto minmax(auto, 1fr);
        justify-items: start;
        text-align: left;
    }
}

.avatar {
    position: relative;
    display: inline-flex;
}

.avatar > div {
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.avatar img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.avatar.placeholder > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-duration: 200ms;
    height: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 0.563rem;
    padding-right: 0.563rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--b2) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    border-radius: var(--rounded-badge, 1.9rem);
}

@media (hover: hover) {

    .link-hover:hover {
        text-decoration-line: underline;
    }

    .label a:hover {
        --tw-text-opacity: 1;
        color: hsl(var(--bc) / var(--tw-text-opacity));
    }

    .menu li > *:not(ul):not(.menu-title):not(details):active,
    .menu li > *:not(ul):not(.menu-title):not(details).active,
    .menu li > details > summary:active {
        --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));
    }


    .menu li > *:not(ul):not(.menu-title):not(details).\!active {
        --tw-bg-opacity: 1 !important;
        background-color: hsl(var(--n) / var(--tw-bg-opacity)) !important;
        --tw-text-opacity: 1 !important;
        color: hsl(var(--nc) / var(--tw-text-opacity)) !important;
    }

    .radio-primary:hover {
        --tw-border-opacity: 1;
        border-color: hsl(var(--p) / var(--tw-border-opacity));
    }

    .radio-secondary:hover {
        --tw-border-opacity: 1;
        border-color: hsl(var(--s) / var(--tw-border-opacity));
    }

    .radio-info:hover {
        --tw-border-opacity: 1;
        border-color: hsl(var(--in) / var(--tw-border-opacity));
    }

    .tab:hover {
        --tw-text-opacity: 1;
    }

    .table tr.hover:hover,
    .table tr.hover:nth-child(even):hover {
        --tw-bg-opacity: 1;
        background-color: hsl(var(--b2) / var(--tw-bg-opacity));
    }

    .table-zebra tr.hover:hover,
    .table-zebra tr.hover:nth-child(even):hover {
        --tw-bg-opacity: 1;
        background-color: hsl(var(--b3) / var(--tw-bg-opacity));
    }
}

.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(--b2) / var(--tw-border-opacity));
    text-align: center;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-duration: 200ms;
    border-radius: var(--rounded-btn, 0.5rem);
    height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    min-height: 3rem;
    font-size: 0.875rem;
    line-height: 1em;
    gap: 0.5rem;
    font-weight: 600;
    text-decoration-line: none;
    border-width: var(--border-btn, 1px);
    animation: button-pop var(--animation-btn, 0.25s) ease-out;
    text-transform: var(--btn-text-case, uppercase);
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b2) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    outline-color: hsl(var(--bc) / 1);
}

.btn-disabled,
.btn[disabled],
.btn:disabled {
    pointer-events: none;
}

.btn-square {
    height: 3rem;
    width: 3rem;
    padding: 0px;
}

.btn-circle {
    height: 3rem;
    width: 3rem;
    border-radius: 9999px;
    padding: 0px;
}

.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);
}

.btn:is(input[type="checkbox"]),
.btn:is(input[type="radio"]) {
    width: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btn:is(input[type="checkbox"]):after,
.btn:is(input[type="radio"]):after {
    --tw-content: attr(aria-label);
    content: var(--tw-content);
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    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 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: inline-flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.chat {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.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:not(td):not(tr):not(colgroup) {
    visibility: visible;
}

.collapse {
    position: relative;
    display: grid;
    overflow: hidden;
    grid-template-rows: auto 0fr;
    transition: grid-template-rows 0.2s;
    width: 100%;
    border-radius: var(--rounded-box, 1rem);
}

.collapse-title,
.collapse > input[type="checkbox"],
.collapse > input[type="radio"],
.collapse-content {
    grid-column-start: 1;
    grid-row-start: 1;
}

.collapse > input[type="checkbox"],
.collapse > input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
}

.collapse-content {
    visibility: hidden;
    grid-column-start: 1;
    grid-row-start: 2;
    min-height: 0px;
    transition: visibility 0.2s;
    transition: padding 0.2s ease-out,
    background-color 0.2s ease-out;
    padding-left: 1rem;
    padding-right: 1rem;
    cursor: unset;
}

.collapse[open],
.collapse-open,
.collapse:focus:not(.collapse-close) {
    grid-template-rows: auto 1fr;
}

.collapse:not(.collapse-close):has(> input[type="checkbox"]:checked),
.collapse:not(.collapse-close):has(> input[type="radio"]:checked) {
    grid-template-rows: auto 1fr;
}

.collapse[open] > .collapse-content,
.collapse-open > .collapse-content,
.collapse:focus:not(.collapse-close) > .collapse-content,
.collapse:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-content,
.collapse:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-content {
    visibility: visible;
    min-height: -moz-fit-content;
    min-height: fit-content;
}

.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%;
}

.drawer {
    position: relative;
    display: grid;
    grid-auto-columns: max-content auto;
    width: 100%;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown > *:not(summary):focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.dropdown .dropdown-content {
    position: absolute;
}

.dropdown:is(:not(details)) .dropdown-content {
    visibility: hidden;
    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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-duration: 200ms;
}

.dropdown-end .dropdown-content {
    right: 0px;
}

.dropdown-left .dropdown-content {
    bottom: auto;
    right: 100%;
    top: 0px;
    transform-origin: right;
}

.dropdown-right .dropdown-content {
    bottom: auto;
    left: 100%;
    top: 0px;
    transform-origin: left;
}

.dropdown-bottom .dropdown-content {
    bottom: auto;
    top: 100%;
    transform-origin: top;
}

.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:not(.dropdown-hover):focus .dropdown-content,
.dropdown:focus-within .dropdown-content {
    visibility: visible;
    opacity: 1;
}

@media (hover: hover) {

    .dropdown.dropdown-hover:hover .dropdown-content {
        visibility: visible;
        opacity: 1;
    }

    .btm-nav > *.\!disabled:hover {
        pointer-events: none !important;
        --tw-border-opacity: 0 !important;
        background-color: hsl(var(--n) / var(--tw-bg-opacity)) !important;
        --tw-bg-opacity: 0.1 !important;
        color: hsl(var(--bc) / var(--tw-text-opacity)) !important;
        --tw-text-opacity: 0.2 !important;
    }

    .btm-nav > *.disabled:hover,
    .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;
    }

    .btn:hover {
        --tw-border-opacity: 1;
        border-color: hsl(var(--b3) / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: hsl(var(--b3) / var(--tw-bg-opacity));
    }

    .btn-primary:hover {
        --tw-border-opacity: 1;
        border-color: hsl(var(--pf) / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: hsl(var(--pf) / var(--tw-bg-opacity));
    }

    .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));
    }

    .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));
    }

    .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));
    }

    .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));
    }

    .btn.glass:hover {
        --glass-opacity: 25%;
        --glass-border-opacity: 15%;
    }

    .btn-ghost:hover {
        --tw-border-opacity: 0;
        background-color: hsl(var(--bc) / var(--tw-bg-opacity));
        --tw-bg-opacity: 0.2;
    }

    .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:hover {
        --tw-border-opacity: 1;
        border-color: hsl(var(--pf) / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: hsl(var(--pf) / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: hsl(var(--pc) / var(--tw-text-opacity));
    }

    .btn-outline.btn-secondary:hover {
        --tw-border-opacity: 1;
        border-color: hsl(var(--sf) / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: hsl(var(--sf) / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: hsl(var(--sc) / var(--tw-text-opacity));
    }

    .btn-outline.btn-accent:hover {
        --tw-border-opacity: 1;
        border-color: hsl(var(--af) / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: hsl(var(--af) / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: hsl(var(--ac) / 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(--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(--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(--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(--tw-text-opacity));
    }

    .btn-disabled:hover,
    .btn[disabled]:hover,
    .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:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover {
        --tw-border-opacity: 1;
        border-color: hsl(var(--pf) / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: hsl(var(--pf) / var(--tw-bg-opacity));
    }

    .dropdown.dropdown-hover:hover .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));
    }

    :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover {
        cursor: pointer;
        background-color: hsl(var(--bc) / 0.1);
        --tw-text-opacity: 1;
        color: hsl(var(--bc) / var(--tw-text-opacity));
        outline: 2px solid transparent;
        outline-offset: 2px;
    }

    .tab[disabled],
    .tab[disabled]:hover {
        cursor: not-allowed;
        color: hsl(var(--bc) / var(--tw-text-opacity));
        --tw-text-opacity: 0.2;
    }
}

.dropdown:is(details) summary::-webkit-details-marker {
    display: none;
}

.file-input {
    height: 3rem;
    flex-shrink: 1;
    padding-right: 1rem;
    font-size: 1rem;
    line-height: 2;
    line-height: 1.5rem;
    overflow: hidden;
    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);
}

.file-input::file-selector-button {
    margin-right: 1rem;
    display: inline-flex;
    height: 100%;
    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;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1em;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-duration: 200ms;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: hsl(var(--n) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    font-weight: 600;
    text-transform: uppercase;
    text-transform: var(--btn-text-case, uppercase);
    --tw-text-opacity: 1;
    color: hsl(var(--nc) / var(--tw-text-opacity));
    text-decoration-line: none;
    border-width: var(--border-btn, 1px);
    animation: button-pop var(--animation-btn, 0.25s) ease-out;
}

.footer {
    display: grid;
    width: 100%;
    grid-auto-flow: row;
    place-items: start;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: 2.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.footer > * {
    display: grid;
    place-items: start;
    gap: 0.5rem;
}

@media (min-width: 48rem) {

    .footer {
        grid-auto-flow: column;
    }

    .footer-center {
        grid-auto-flow: row dense;
    }
}

.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;
}

.indicator {
    position: relative;
    display: inline-flex;
    width: -moz-max-content;
    width: max-content;
}

.indicator :where(.indicator-item) {
    z-index: 1;
    position: absolute;
    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));
    white-space: nowrap;
}

.\!input {
    flex-shrink: 1 !important;
    height: 3rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    font-size: 1rem !important;
    line-height: 2 !important;
    line-height: 1.5rem !important;
    border-width: 1px !important;
    border-color: hsl(var(--bc) / var(--tw-border-opacity)) !important;
    --tw-border-opacity: 0 !important;
    --tw-bg-opacity: 1 !important;
    background-color: hsl(var(--b1) / var(--tw-bg-opacity)) !important;
    border-radius: var(--rounded-btn, 0.5rem) !important;
}

.input {
    flex-shrink: 1;
    height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1rem;
    line-height: 2;
    line-height: 1.5rem;
    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 > .\!input {
    isolation: isolate !important;
}

.input-group > .input {
    isolation: isolate;
}

.input-group > .\!input {
    border-radius: 0px !important;
}

.input-group > *,
.input-group > .input,
.input-group > .textarea,
.input-group > .select {
    border-radius: 0px;
}

.join {
    display: inline-flex;
    align-items: stretch;
    border-radius: var(--rounded-btn, 0.5rem);
}

.join :where(.join-item) {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    border-start-start-radius: 0;
}

.join .join-item:not(:first-child):not(:last-child),
.join *:not(:first-child):not(:last-child) .join-item {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    border-start-start-radius: 0;
}

.join .join-item:first-child:not(:last-child),
.join *:first-child:not(:last-child) .join-item {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

.join .dropdown .join-item:first-child:not(:last-child),
.join *:first-child:not(:last-child) .dropdown .join-item {
    border-start-end-radius: inherit;
    border-end-end-radius: inherit;
}

.join :where(.join-item:first-child:not(:last-child)),
.join :where(*:first-child:not(:last-child) .join-item) {
    border-end-start-radius: inherit;
    border-start-start-radius: inherit;
}

.join .join-item:last-child:not(:first-child),
.join *:last-child:not(:first-child) .join-item {
    border-end-start-radius: 0;
    border-start-start-radius: 0;
}

.join :where(.join-item:last-child:not(:first-child)),
.join :where(*:last-child:not(:first-child) .join-item) {
    border-start-end-radius: inherit;
    border-end-end-radius: inherit;
}

@supports not selector(:has(*)) {

    :where(.join *) {
        border-radius: inherit;
    }
}

@supports selector(:has(*)) {

    :where(.join *:has(.join-item)) {
        border-radius: inherit;
    }
}

.link {
    cursor: pointer;
    text-decoration-line: underline;
}

.link-hover {
    text-decoration-line: none;
}

.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;
    flex-wrap: wrap;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem;
}

.menu :where(li ul) {
    position: relative;
    white-space: nowrap;
    margin-left: 1rem;
    padding-left: 0.5rem;
}

.menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
    display: grid;
    grid-auto-flow: column;
    align-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    grid-auto-columns: minmax(auto, max-content) auto max-content;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.menu li.disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: hsl(var(--bc) / 0.3);
}

.menu li.\!disabled {
    cursor: not-allowed !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
    color: hsl(var(--bc) / 0.3) !important;
}

.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
    display: none;
}

:where(.menu li) {
    position: relative;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
}

:where(.menu li) .badge {
    justify-self: end;
}

.modal {
    pointer-events: none;
    position: fixed;
    inset: 0px;
    margin: 0px;
    display: grid;
    height: 100%;
    max-height: none;
    width: 100%;
    max-width: none;
    justify-items: center;
    padding: 0px;
    opacity: 0;
    overscroll-behavior: contain;
    z-index: 999;
    background-color: transparent;
    color: inherit;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-property: transform, opacity, visibility;
    overflow-y: hidden;
}

:where(.modal) {
    align-items: center;
}

.modal-open,
.modal:target,
.modal-toggle:checked + .modal,
.modal[open] {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
}

:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) {
    overflow: hidden;
}

.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;
}

.progress {
    position: relative;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    height: 0.5rem;
    background-color: hsl(var(--bc) / 0.2);
    border-radius: var(--rounded-box, 1rem);
}

.radial-progress {
    position: relative;
    display: inline-grid;
    height: var(--size);
    width: var(--size);
    place-content: center;
    border-radius: 9999px;
    background-color: transparent;
    vertical-align: middle;
    box-sizing: content-box;
    --value: 0;
    --size: 5rem;
    --thickness: calc(var(--size) / 10);
}

.radial-progress::-moz-progress-bar {
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
}

.radial-progress::-webkit-progress-value {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
}

.radial-progress::-webkit-progress-bar {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
}

.radial-progress:before,
.radial-progress:after {
    position: absolute;
    border-radius: 9999px;
    content: "";
}

.radial-progress:before {
    inset: 0px;
    background: radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness) no-repeat,
    conic-gradient(currentColor calc(var(--value) * 1%), #0000 0);
    -webkit-mask: radial-gradient(
            farthest-side,
            #0000 calc(99% - var(--thickness)),
            #000 calc(100% - var(--thickness))
    );
    mask: radial-gradient(
            farthest-side,
            #0000 calc(99% - var(--thickness)),
            #000 calc(100% - var(--thickness))
    );
}

.radial-progress:after {
    inset: calc(50% - var(--thickness) / 2);
    transform: rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%));
    background-color: currentColor;
}

.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;
}

.\!range {
    height: 1.5rem !important;
    width: 100% !important;
    cursor: pointer !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    --range-shdw: var(--bc) !important;
    overflow: hidden !important;
    background-color: transparent !important;
    border-radius: var(--rounded-box, 1rem) !important;
}

.range {
    height: 1.5rem;
    width: 100%;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    --range-shdw: var(--bc);
    overflow: hidden;
    background-color: transparent;
    border-radius: var(--rounded-box, 1rem);
}

.\!range:focus {
    outline: none !important;
}

.range:focus {
    outline: none;
}

.select {
    display: inline-flex;
    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));
    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% - 16.1px) calc(1px + 50%);
    background-size: 4px 4px,
    4px 4px;
    background-repeat: no-repeat;
}

.select[multiple] {
    height: auto;
}

.\!stack {
    display: inline-grid !important;
    place-items: center !important;
    align-items: flex-end !important;
}

.stack {
    display: inline-grid;
    place-items: center;
    align-items: flex-end;
}

.\!stack > * {
    grid-column-start: 1 !important;
    grid-row-start: 1 !important;
    transform: translateY(10%) scale(0.9) !important;
    z-index: 1 !important;
    width: 100% !important;
    opacity: 0.6 !important;
}

.stack > * {
    grid-column-start: 1;
    grid-row-start: 1;
    transform: translateY(10%) scale(0.9);
    z-index: 1;
    width: 100%;
    opacity: 0.6;
}

.\!stack > *:nth-child(2) {
    transform: translateY(5%) scale(0.95) !important;
    z-index: 2 !important;
    opacity: 0.8 !important;
}

.stack > *:nth-child(2) {
    transform: translateY(5%) scale(0.95);
    z-index: 2;
    opacity: 0.8;
}

.\!stack > *:nth-child(1) {
    transform: translateY(0) scale(1) !important;
    z-index: 3 !important;
    opacity: 1 !important;
}

.stack > *:nth-child(1) {
    transform: translateY(0) scale(1);
    z-index: 3;
    opacity: 1;
}

.stats {
    display: inline-grid;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    border-radius: var(--rounded-box, 1rem);
}

:where(.stats) {
    grid-auto-flow: column;
    overflow-x: auto;
}

.stat {
    display: inline-grid;
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    border-color: hsl(var(--bc) / var(--tw-border-opacity));
    --tw-border-opacity: 0.1;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.steps {
    display: inline-grid;
    grid-auto-flow: column;
    overflow: hidden;
    overflow-x: auto;
    counter-reset: step;
    grid-auto-columns: 1fr;
}

.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, 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-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;
}

.tab {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 2rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 2;
    --tab-padding: 1rem;
    --tw-text-opacity: 0.5;
    --tab-color: hsl(var(--bc) / var(--tw-text-opacity, 1));
    --tab-bg: hsl(var(--b1) / var(--tw-bg-opacity, 1));
    --tab-border-color: hsl(var(--b3) / var(--tw-bg-opacity, 1));
    color: var(--tab-color);
    padding-left: var(--tab-padding, 1rem);
    padding-right: var(--tab-padding, 1rem);
}

.table {
    position: relative;
    width: 100%;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.25rem;
    border-radius: var(--rounded-box, 1rem);
}

.table :where(.table-pin-rows thead tr) {
    position: sticky;
    top: 0px;
    z-index: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1) / var(--tw-bg-opacity));
}

.table :where(.table-pin-rows tfoot tr) {
    position: sticky;
    bottom: 0px;
    z-index: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1) / var(--tw-bg-opacity));
}

.table :where(.table-pin-cols tr th) {
    position: sticky;
    left: 0px;
    right: 0px;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1) / var(--tw-bg-opacity));
}

.textarea {
    flex-shrink: 1;
    min-height: 3rem;
    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;
    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);
}

.toast {
    position: fixed;
    display: flex;
    min-width: -moz-fit-content;
    min-width: fit-content;
    flex-direction: column;
    white-space: nowrap;
    gap: 0.5rem;
    padding: 1rem;
}

.toggle {
    flex-shrink: 0;
    --tglbg: hsl(var(--b1));
    --handleoffset: 1.5rem;
    --handleoffsetcalculator: calc(var(--handleoffset) * -1);
    --togglehandleborder: 0 0;
    height: 1.5rem;
    width: 3rem;
    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;
    background-color: hsl(var(--bc) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.5;
    border-radius: var(--rounded-badge, 1.9rem);
    transition: background,
    box-shadow var(--animation-input, 0.2s) ease-out;
    box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
    0 0 0 2px var(--tglbg) inset,
    var(--togglehandleborder);
}

.alert-info {
    border-color: hsl(var(--in) / 0.2);
    --tw-text-opacity: 1;
    color: hsl(var(--inc) / var(--tw-text-opacity));
    --alert-bg: hsl(var(--in));
    --alert-bg-mix: hsl(var(--b1));
}

.alert-success {
    border-color: hsl(var(--su) / 0.2);
    --tw-text-opacity: 1;
    color: hsl(var(--suc) / var(--tw-text-opacity));
    --alert-bg: hsl(var(--su));
    --alert-bg-mix: hsl(var(--b1));
}

.alert-warning {
    border-color: hsl(var(--wa) / 0.2);
    --tw-text-opacity: 1;
    color: hsl(var(--wac) / var(--tw-text-opacity));
    --alert-bg: hsl(var(--wa));
    --alert-bg-mix: hsl(var(--b1));
}

.alert-error {
    border-color: hsl(var(--er) / 0.2);
    --tw-text-opacity: 1;
    color: hsl(var(--erc) / var(--tw-text-opacity));
    --alert-bg: hsl(var(--er));
    --alert-bg-mix: hsl(var(--b1));
}

.avatar-group :where(.avatar) {
    overflow: hidden;
    border-radius: 9999px;
    border-width: 4px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--b1) / var(--tw-border-opacity));
}

.badge-success {
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--su) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--suc) / var(--tw-text-opacity));
}

.badge-error {
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--er) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--erc) / var(--tw-text-opacity));
}

.badge-outline.badge-success {
    --tw-text-opacity: 1;
    color: hsl(var(--su) / var(--tw-text-opacity));
}

.badge-outline.badge-error {
    --tw-text-opacity: 1;
    color: hsl(var(--er) / var(--tw-text-opacity));
}

.btm-nav > *:where(.\!active) {
    border-top-width: 2px !important;
    --tw-bg-opacity: 1 !important;
    background-color: hsl(var(--b1) / var(--tw-bg-opacity)) !important;
}

.btm-nav > *:where(.active) {
    border-top-width: 2px;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1) / var(--tw-bg-opacity));
}

.btm-nav > *.\!disabled {
    pointer-events: none !important;
    --tw-border-opacity: 0 !important;
    background-color: hsl(var(--n) / var(--tw-bg-opacity)) !important;
    --tw-bg-opacity: 0.1 !important;
    color: hsl(var(--bc) / var(--tw-text-opacity)) !important;
    --tw-text-opacity: 0.2 !important;
}

.btm-nav > *.disabled,
.btm-nav > *[disabled] {
    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;
}

.btn:active:hover,
.btn:active:focus {
    animation: button-pop 0s ease-out;
    transform: scale(var(--btn-focus-scale, 0.97));
}

.btn-active {
    --tw-border-opacity: 1;
    border-color: hsl(var(--b3) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
}

.btn:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    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));
    outline-color: hsl(var(--p) / 1);
}

.btn-primary.btn-active {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
}

.btn-secondary.btn-active {
    --tw-border-opacity: 1;
    border-color: hsl(var(--sf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--sf) / var(--tw-bg-opacity));
}

.btn-accent.btn-active {
    --tw-border-opacity: 1;
    border-color: hsl(var(--af) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--af) / var(--tw-bg-opacity));
}

.btn-neutral.btn-active {
    --tw-border-opacity: 1;
    border-color: hsl(var(--nf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nf) / var(--tw-bg-opacity));
}

.btn-info {
    --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(--tw-text-opacity));
    outline-color: hsl(var(--in) / 1);
}

.btn-info.btn-active {
    --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));
}

.btn-success {
    --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(--tw-text-opacity));
    outline-color: hsl(var(--su) / 1);
}

.btn-success.btn-active {
    --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));
}

.btn-warning {
    --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(--tw-text-opacity));
    outline-color: hsl(var(--wa) / 1);
}

.btn-warning.btn-active {
    --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));
}

.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(--tw-text-opacity));
    outline-color: hsl(var(--er) / 1);
}

.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.glass {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-color: currentColor;
}

.btn.glass.btn-active {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
}

.btn-ghost {
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    color: currentColor;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-color: currentColor;
}

.btn-ghost.btn-active {
    --tw-border-opacity: 0;
    background-color: hsl(var(--bc) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
}

.btn-link.btn-active {
    border-color: transparent;
    background-color: transparent;
    text-decoration-line: underline;
}

.btn-outline {
    border-color: currentColor;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-outline.btn-active {
    --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.btn-active {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / 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.btn-active {
    --tw-border-opacity: 1;
    border-color: hsl(var(--sf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--sf) / 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.btn-active {
    --tw-border-opacity: 1;
    border-color: hsl(var(--af) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--af) / 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.btn-active {
    --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(--tw-text-opacity));
}

.btn-outline.btn-info {
    --tw-text-opacity: 1;
    color: hsl(var(--in) / var(--tw-text-opacity));
}

.btn-outline.btn-info.btn-active {
    --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(--tw-text-opacity));
}

.btn-outline.btn-warning {
    --tw-text-opacity: 1;
    color: hsl(var(--wa) / var(--tw-text-opacity));
}

.btn-outline.btn-warning.btn-active {
    --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(--tw-text-opacity));
}

.btn-outline.btn-error {
    --tw-text-opacity: 1;
    color: hsl(var(--er) / var(--tw-text-opacity));
}

.btn-outline.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));
    --tw-text-opacity: 1;
    color: hsl(var(--erc) / var(--tw-text-opacity));
}

.btn.btn-disabled,
.btn[disabled],
.btn:disabled {
    --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-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-style: solid;
    outline-width: 2px;
    outline-color: hsl(var(--p) / 1);
}

.btn:is(input[type="checkbox"]:checked),
.btn:is(input[type="radio"]:checked) {
    --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:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible {
    outline-color: hsl(var(--p) / 1);
}

@keyframes button-pop {

    0% {
        transform: scale(var(--btn-focus-scale, 0.98));
    }

    40% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1);
    }
}

.card :where(figure:first-child) {
    overflow: hidden;
    border-start-start-radius: inherit;
    border-start-end-radius: inherit;
    border-end-start-radius: unset;
    border-end-end-radius: unset;
}

.card :where(figure:last-child) {
    overflow: hidden;
    border-start-start-radius: unset;
    border-start-end-radius: unset;
    border-end-start-radius: inherit;
    border-end-end-radius: inherit;
}

.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(--tw-border-opacity));
}

.card.compact .card-body {
    padding: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.card.\!compact .card-body {
    padding: 1rem !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}

.card.image-full :where(figure) {
    overflow: hidden;
    border-radius: inherit;
}

.carousel::-webkit-scrollbar {
    display: none;
}

.checkbox:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: hsl(var(--bc) / 1);
}

.checkbox:checked,
.checkbox[checked="true"],
.checkbox[aria-checked="true"] {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--bc) / var(--tw-bg-opacity));
    background-repeat: no-repeat;
    animation: checkmark var(--animation-input, 0.2s) ease-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;
    animation: checkmark var(--animation-input, 0.2s) ease-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:disabled {
    cursor: not-allowed;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--bc) / var(--tw-bg-opacity));
    opacity: 0.2;
}

@keyframes checkmark {

    0% {
        background-position-y: 5px;
    }

    50% {
        background-position-y: -2px;
    }

    100% {
        background-position-y: 0;
    }
}

[dir="rtl"] .checkbox:checked,
[dir="rtl"] .checkbox[checked="true"],
[dir="rtl"] .checkbox[aria-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%);
}

details.collapse {
    width: 100%;
}

details.collapse summary {
    position: relative;
    display: block;
    outline: 2px solid transparent;
    outline-offset: 2px;
}

details.collapse summary::-webkit-details-marker {
    display: none;
}

.collapse:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: hsl(var(--bc) / 1);
}

.collapse:has(.collapse-title:focus-visible),
.collapse:has(> input[type="checkbox"]:focus-visible),
.collapse:has(> input[type="radio"]:focus-visible) {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: hsl(var(--bc) / 1);
}

.collapse-arrow > .collapse-title:after {
    position: absolute;
    display: block;
    height: 0.5rem;
    width: 0.5rem;
    --tw-translate-y: -100%;
    --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));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 0.2s;
    top: 50%;
    right: 1.4rem;
    content: "";
    transform-origin: 75% 75%;
    box-shadow: 2px 2px;
    pointer-events: none;
}

[dir="rtl"] .collapse-arrow > .collapse-title:after {
    --tw-rotate: -45deg;
}

.collapse-plus > .collapse-title:after {
    position: absolute;
    display: block;
    height: 0.5rem;
    width: 0.5rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-duration: 300ms;
    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) > input[type="radio"]:not(:checked),
.collapse:not(.collapse-open):not(.collapse-close) > .collapse-title {
    cursor: pointer;
}

.collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) > .collapse-title {
    cursor: unset;
}

.collapse-title {
    position: relative;
}

:where(.collapse > input[type="checkbox"]),
:where(.collapse > input[type="radio"]) {
    z-index: 1;
}

.collapse-title,
:where(.collapse > input[type="checkbox"]),
:where(.collapse > input[type="radio"]) {
    width: 100%;
    padding: 1rem;
    padding-right: 3rem;
    min-height: 3.75rem;
    transition: background-color 0.2s ease-out;
}

.collapse[open] > :where(.collapse-content),
.collapse-open > :where(.collapse-content),
.collapse:focus:not(.collapse-close) > :where(.collapse-content),
.collapse:not(.collapse-close) > :where(input[type="checkbox"]:checked ~ .collapse-content),
.collapse:not(.collapse-close) > :where(input[type="radio"]:checked ~ .collapse-content) {
    padding-bottom: 1rem;
    transition: padding 0.2s ease-out,
    background-color 0.2s ease-out;
}

.collapse[open].collapse-arrow > .collapse-title:after,
.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,
.collapse-arrow:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after {
    --tw-translate-y: -50%;
    --tw-rotate: 225deg;
    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));
}

[dir="rtl"] .collapse[open].collapse-arrow > .collapse-title:after,
[dir="rtl"] .collapse-open.collapse-arrow > .collapse-title:after,
[dir="rtl"] .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
[dir="rtl"]
.collapse-arrow:not(.collapse-close)
input[type="checkbox"]:checked
~ .collapse-title:after {
    --tw-rotate: 135deg;
}

.collapse[open].collapse-plus > .collapse-title:after,
.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,
.collapse-plus:not(.collapse-close) > input[type="radio"]: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;
}

.dropdown.dropdown-open .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));
}

.file-input:focus {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: hsl(var(--bc) / 0.2);
}

.file-input-disabled,
.file-input[disabled] {
    cursor: not-allowed;
    --tw-border-opacity: 1;
    border-color: hsl(var(--b2) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b2) / var(--tw-bg-opacity));
    --tw-text-opacity: 0.2;
}

.file-input-disabled::-moz-placeholder, .file-input[disabled]::-moz-placeholder {
    color: hsl(var(--bc) / var(--tw-placeholder-opacity));
    --tw-placeholder-opacity: 0.2;
}

.file-input-disabled::placeholder,
.file-input[disabled]::placeholder {
    color: hsl(var(--bc) / var(--tw-placeholder-opacity));
    --tw-placeholder-opacity: 0.2;
}

.file-input-disabled::file-selector-button, .file-input[disabled]::file-selector-button {
    --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;
}

.\!input input:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
}

.input input:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.\!input[list]::-webkit-calendar-picker-indicator {
    line-height: 1em !important;
}

.input[list]::-webkit-calendar-picker-indicator {
    line-height: 1em;
}

.\!input:focus,
.\!input:focus-within {
    outline-style: solid !important;
    outline-width: 2px !important;
    outline-offset: 2px !important;
    outline-color: hsl(var(--bc) / 0.2) !important;
}

.input:focus,
.input:focus-within {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: hsl(var(--bc) / 0.2);
}

.\!input:focus,
.\!input:focus-within {
    outline-style: solid !important;
    outline-width: 2px !important;
    outline-offset: 2px !important;
    outline-color: hsl(var(--bc) / 0.2) !important;
}

.\!input:disabled,
.\!input[disabled] {
    cursor: not-allowed !important;
    --tw-border-opacity: 1 !important;
    border-color: hsl(var(--b2) / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: hsl(var(--b2) / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 0.2 !important;
}

.input-disabled,
.input:disabled,
.input[disabled] {
    cursor: not-allowed;
    --tw-border-opacity: 1;
    border-color: hsl(var(--b2) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b2) / var(--tw-bg-opacity));
    --tw-text-opacity: 0.2;
}

.\!input:disabled,
.\!input[disabled] {
    cursor: not-allowed !important;
    --tw-border-opacity: 1 !important;
    border-color: hsl(var(--b2) / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: hsl(var(--b2) / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 0.2 !important;
}

.\!input:disabled::-moz-placeholder, .\!input[disabled]::-moz-placeholder {
    color: hsl(var(--bc) / var(--tw-placeholder-opacity)) !important;
    --tw-placeholder-opacity: 0.2 !important;
}

.\!input:disabled::placeholder,
.\!input[disabled]::placeholder {
    color: hsl(var(--bc) / var(--tw-placeholder-opacity)) !important;
    --tw-placeholder-opacity: 0.2 !important;
}

.input-disabled::-moz-placeholder, .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,
.input[disabled]::placeholder {
    color: hsl(var(--bc) / var(--tw-placeholder-opacity));
    --tw-placeholder-opacity: 0.2;
}

.\!input:disabled::-moz-placeholder, .\!input[disabled]::-moz-placeholder {
    color: hsl(var(--bc) / var(--tw-placeholder-opacity)) !important;
    --tw-placeholder-opacity: 0.2 !important;
}

.\!input:disabled::placeholder,
.\!input[disabled]::placeholder {
    color: hsl(var(--bc) / var(--tw-placeholder-opacity)) !important;
    --tw-placeholder-opacity: 0.2 !important;
}

.join > :where(*:not(:first-child)) {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -1px;
}

.link:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.loading {
    pointer-events: none;
    display: inline-block;
    aspect-ratio: 1 / 1;
    width: 1.5rem;
    background-color: currentColor;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.loading-spinner {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.loading-ball {
    -webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E");
}

.loading-md {
    width: 1.5rem;
}

:where(.menu li:empty) {
    background-color: hsl(var(--bc) / 0.1);
    margin: 0.5rem 1rem;
    height: 1px;
}

.menu :where(li ul):before {
    position: absolute;
    bottom: 0.75rem;
    left: 0px;
    top: 0.75rem;
    width: 1px;
    background-color: hsl(var(--bc) / 0.1);
    content: "";
}

.menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: left;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-duration: 200ms;
    border-radius: var(--rounded-btn, 0.5rem);
    text-wrap: balance;
}

:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,
:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,
:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,
:where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus,
:where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus,
:where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible {
    cursor: pointer;
    background-color: hsl(var(--bc) / 0.1);
    --tw-text-opacity: 1;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.menu li > *:not(ul):not(.menu-title):not(details):active,
.menu li > *:not(ul):not(.menu-title):not(details).active,
.menu li > details > summary:active {
    --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));
}

.menu li > *:not(ul):not(.menu-title):not(details).\!active {
    --tw-bg-opacity: 1 !important;
    background-color: hsl(var(--n) / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: hsl(var(--nc) / var(--tw-text-opacity)) !important;
}

.menu :where(li > details > summary)::-webkit-details-marker {
    display: none;
}

.menu :where(li > details > summary):after,
.menu :where(li > .menu-dropdown-toggle):after {
    justify-self: end;
    display: block;
    margin-top: -0.5rem;
    height: 0.5rem;
    width: 0.5rem;
    transform: rotate(45deg);
    transition-property: transform, margin-top;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    content: "";
    transform-origin: 75% 75%;
    box-shadow: 2px 2px;
    pointer-events: none;
}

.menu :where(li > details[open] > summary):after,
.menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
    transform: rotate(225deg);
    margin-top: 0;
}

.mockup-phone .camera {
    position: relative;
    top: 0px;
    left: 0px;
    background: #000;
    height: 25px;
    width: 150px;
    margin: 0 auto;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    z-index: 11;
}

.mockup-phone .camera:before {
    content: "";
    position: absolute;
    top: 35%;
    left: 50%;
    width: 50px;
    height: 4px;
    border-radius: 5px;
    background-color: #0c0b0e;
    transform: translate(-50%, -50%);
}

.mockup-phone .camera:after {
    content: "";
    position: absolute;
    top: 20%;
    left: 70%;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: #0f0b25;
}

.mockup-phone .\!display {
    overflow: hidden !important;
    border-radius: 40px !important;
    margin-top: -25px !important;
}

.mockup-phone .display {
    overflow: hidden;
    border-radius: 40px;
    margin-top: -25px;
}

.mockup-browser .mockup-browser-toolbar .\!input {
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    height: 1.75rem !important;
    width: 24rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    --tw-bg-opacity: 1 !important;
    background-color: hsl(var(--b2) / var(--tw-bg-opacity)) !important;
    padding-left: 2rem !important;
}

.mockup-browser .mockup-browser-toolbar .input {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 1.75rem;
    width: 24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b2) / var(--tw-bg-opacity));
    padding-left: 2rem;
}

.mockup-browser .mockup-browser-toolbar .\!input:before {
    content: "" !important;
    position: absolute !important;
    left: 0.5rem !important;
    top: 50% !important;
    aspect-ratio: 1 / 1 !important;
    height: 0.75rem !important;
    --tw-translate-y: -50% !important;
    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)) !important;
    border-radius: 9999px !important;
    border-width: 2px !important;
    border-color: currentColor !important;
    opacity: 0.6 !important;
}

.mockup-browser .mockup-browser-toolbar .input:before {
    content: "";
    position: absolute;
    left: 0.5rem;
    top: 50%;
    aspect-ratio: 1 / 1;
    height: 0.75rem;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 9999px;
    border-width: 2px;
    border-color: currentColor;
    opacity: 0.6;
}

.mockup-browser .mockup-browser-toolbar .\!input:after {
    content: "" !important;
    position: absolute !important;
    left: 1.25rem !important;
    top: 50% !important;
    height: 0.5rem !important;
    --tw-translate-y: 25% !important;
    --tw-rotate: -45deg !important;
    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)) !important;
    border-radius: 9999px !important;
    border-width: 1px !important;
    border-color: currentColor !important;
    opacity: 0.6 !important;
}

.mockup-browser .mockup-browser-toolbar .input:after {
    content: "";
    position: absolute;
    left: 1.25rem;
    top: 50%;
    height: 0.5rem;
    --tw-translate-y: 25%;
    --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));
    border-radius: 9999px;
    border-width: 1px;
    border-color: currentColor;
    opacity: 0.6;
}

.modal:not(dialog:not(.modal-open)),
.modal::backdrop {
    background-color: rgba(0, 0, 0, 0.3);
    animation: modal-pop 0.2s ease-out;
}

.modal-backdrop {
    z-index: -1;
    grid-column-start: 1;
    grid-row-start: 1;
    display: grid;
    align-self: stretch;
    justify-self: stretch;
    color: transparent;
}

.modal-open .modal-box,
.modal-toggle:checked + .modal .modal-box,
.modal:target .modal-box,
.modal[open] .modal-box {
    --tw-translate-y: 0px;
    --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));
}

@keyframes modal-pop {

    0% {
        opacity: 0;
    }
}

.progress::-moz-progress-bar {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--bc) / var(--tw-bg-opacity));
    border-radius: var(--rounded-box, 1rem);
}

.progress:indeterminate {
    --progress-color: hsl(var(--bc));
    background-image: repeating-linear-gradient(
            90deg,
            var(--progress-color) -1%,
            var(--progress-color) 10%,
            transparent 10%,
            transparent 90%
    );
    background-size: 200%;
    background-position-x: 15%;
    animation: progress-loading 5s ease-in-out infinite;
}

.progress::-webkit-progress-bar {
    background-color: transparent;
    border-radius: var(--rounded-box, 1rem);
}

.progress::-webkit-progress-value {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--bc) / var(--tw-bg-opacity));
    border-radius: var(--rounded-box, 1rem);
}

.progress:indeterminate::-moz-progress-bar {
    background-color: transparent;
    background-image: repeating-linear-gradient(
            90deg,
            var(--progress-color) -1%,
            var(--progress-color) 10%,
            transparent 10%,
            transparent 90%
    );
    background-size: 200%;
    background-position-x: 15%;
    animation: progress-loading 5s ease-in-out infinite;
}

@keyframes progress-loading {

    50% {
        background-position-x: -115%;
    }
}

.radio:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: hsl(var(--bc) / 1);
}

.radio:checked,
.radio[aria-checked="true"] {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--bc) / var(--tw-bg-opacity));
    animation: radiomark var(--animation-input, 0.2s) ease-out;
    box-shadow: 0 0 0 4px hsl(var(--b1)) inset,
    0 0 0 4px hsl(var(--b1)) inset;
}

.radio-primary {
    --chkbg: var(--p);
    --tw-border-opacity: 1;
    border-color: hsl(var(--p) / var(--tw-border-opacity));
}

.radio-primary:focus-visible {
    outline-color: hsl(var(--p) / 1);
}

.radio-primary:checked,
.radio-primary[aria-checked="true"] {
    --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));
}

.radio-secondary {
    --chkbg: var(--s);
    --tw-border-opacity: 1;
    border-color: hsl(var(--s) / var(--tw-border-opacity));
}

.radio-secondary:focus-visible {
    outline-color: hsl(var(--s) / 1);
}

.radio-secondary:checked,
.radio-secondary[aria-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));
}

.radio-info {
    --chkbg: var(--in);
    --tw-border-opacity: 1;
    border-color: hsl(var(--in) / var(--tw-border-opacity));
}

.radio-info:focus-visible {
    outline-color: hsl(var(--in) / 1);
}

.radio-info:checked,
.radio-info[aria-checked="true"] {
    --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(--tw-text-opacity));
}

.radio:disabled {
    cursor: not-allowed;
    opacity: 0.2;
}

@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;
    }
}

.\!range:focus-visible::-webkit-slider-thumb {
    --focus-shadow: 0 0 0 6px hsl(var(--b1)) inset, 0 0 0 2rem hsl(var(--range-shdw)) inset !important;
}

.range:focus-visible::-webkit-slider-thumb {
    --focus-shadow: 0 0 0 6px hsl(var(--b1)) inset, 0 0 0 2rem hsl(var(--range-shdw)) inset;
}

.\!range:focus-visible::-moz-range-thumb {
    --focus-shadow: 0 0 0 6px hsl(var(--b1)) inset, 0 0 0 2rem hsl(var(--range-shdw)) inset !important;
}

.range:focus-visible::-moz-range-thumb {
    --focus-shadow: 0 0 0 6px hsl(var(--b1)) inset, 0 0 0 2rem hsl(var(--range-shdw)) inset;
}

.\!range::-webkit-slider-runnable-track {
    height: 0.5rem !important;
    width: 100% !important;
    background-color: hsl(var(--bc) / 0.1) !important;
    border-radius: var(--rounded-box, 1rem) !important;
}

.range::-webkit-slider-runnable-track {
    height: 0.5rem;
    width: 100%;
    background-color: hsl(var(--bc) / 0.1);
    border-radius: var(--rounded-box, 1rem);
}

.\!range::-moz-range-track {
    height: 0.5rem !important;
    width: 100% !important;
    background-color: hsl(var(--bc) / 0.1) !important;
    border-radius: var(--rounded-box, 1rem) !important;
}

.range::-moz-range-track {
    height: 0.5rem;
    width: 100%;
    background-color: hsl(var(--bc) / 0.1);
    border-radius: var(--rounded-box, 1rem);
}

.\!range::-webkit-slider-thumb {
    position: relative !important;
    height: 1.5rem !important;
    width: 1.5rem !important;
    border-style: none !important;
    --tw-bg-opacity: 1 !important;
    background-color: hsl(var(--b1) / var(--tw-bg-opacity)) !important;
    border-radius: var(--rounded-box, 1rem) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    top: 50% !important;
    color: hsl(var(--range-shdw)) !important;
    transform: translateY(-50%) !important;
    --filler-size: 100rem !important;
    --filler-offset: 0.6rem !important;
    box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,
    var(--focus-shadow, 0 0),
    calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size) !important;
}

.range::-webkit-slider-thumb {
    position: relative;
    height: 1.5rem;
    width: 1.5rem;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1) / var(--tw-bg-opacity));
    border-radius: var(--rounded-box, 1rem);
    appearance: none;
    -webkit-appearance: none;
    top: 50%;
    color: hsl(var(--range-shdw));
    transform: translateY(-50%);
    --filler-size: 100rem;
    --filler-offset: 0.6rem;
    box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,
    var(--focus-shadow, 0 0),
    calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
}

.\!range::-moz-range-thumb {
    position: relative !important;
    height: 1.5rem !important;
    width: 1.5rem !important;
    border-style: none !important;
    --tw-bg-opacity: 1 !important;
    background-color: hsl(var(--b1) / var(--tw-bg-opacity)) !important;
    border-radius: var(--rounded-box, 1rem) !important;
    top: 50% !important;
    color: hsl(var(--range-shdw)) !important;
    --filler-size: 100rem !important;
    --filler-offset: 0.5rem !important;
    box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,
    var(--focus-shadow, 0 0),
    calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size) !important;
}

.range::-moz-range-thumb {
    position: relative;
    height: 1.5rem;
    width: 1.5rem;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1) / var(--tw-bg-opacity));
    border-radius: var(--rounded-box, 1rem);
    top: 50%;
    color: hsl(var(--range-shdw));
    --filler-size: 100rem;
    --filler-offset: 0.5rem;
    box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,
    var(--focus-shadow, 0 0),
    calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
}

@keyframes rating-pop {

    0% {
        transform: translateY(-0.125em);
    }

    40% {
        transform: translateY(-0.125em);
    }

    100% {
        transform: translateY(0);
    }
}

.select-bordered {
    --tw-border-opacity: 0.2;
}

.select:focus {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: hsl(var(--bc) / 0.2);
}

.select-disabled,
.select:disabled,
.select[disabled] {
    cursor: not-allowed;
    --tw-border-opacity: 1;
    border-color: hsl(var(--b2) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b2) / var(--tw-bg-opacity));
    --tw-text-opacity: 0.2;
}

.select-disabled::-moz-placeholder, .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,
.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;
}

[dir="rtl"] .select {
    background-position: calc(0% + 12px) calc(1px + 50%),
    calc(0% + 16px) calc(1px + 50%);
}

:where(.stats) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
}

.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(--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(--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);
}

.steps .step-neutral + .step-neutral:before,
.steps .step-neutral:after {
    --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));
}

.steps .step-primary + .step-primary:before,
.steps .step-primary:after {
    --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));
}

.steps .step-secondary + .step-secondary:before,
.steps .step-secondary:after {
    --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));
}

.steps .step-accent + .step-accent:before,
.steps .step-accent:after {
    --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));
}

.steps .step-info + .step-info:before {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--in) / var(--tw-bg-opacity));
}

.steps .step-info:after {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--in) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--inc) / var(--tw-text-opacity));
}

.steps .step-success + .step-success:before {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--su) / var(--tw-bg-opacity));
}

.steps .step-success:after {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--su) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--suc) / var(--tw-text-opacity));
}

.steps .step-warning + .step-warning:before {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--wa) / var(--tw-bg-opacity));
}

.steps .step-warning:after {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--wa) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--wac) / var(--tw-text-opacity));
}

.steps .step-error + .step-error:before {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--er) / var(--tw-bg-opacity));
}

.steps .step-error:after {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--er) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--erc) / var(--tw-text-opacity));
}

.tab.tab-active:not(.tab-disabled):not([disabled]) {
    border-color: hsl(var(--bc) / var(--tw-border-opacity));
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
}

.tab:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.tab:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -3px;
}

.tab:focus-visible.tab-lifted {
    border-bottom-right-radius: var(--tab-radius, 0.5rem);
    border-bottom-left-radius: var(--tab-radius, 0.5rem);
}

.tab-disabled,
.tab[disabled] {
    cursor: not-allowed;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
}

.tabs-boxed .tab {
    border-radius: var(--rounded-btn, 0.5rem);
}

.table :where(th, td) {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    vertical-align: middle;
}

.table tr.active,
.table tr.active:nth-child(even),
.table-zebra tbody tr:nth-child(even) {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b2) / var(--tw-bg-opacity));
}

.table tr.\!active,
.table tr.\!active:nth-child(even) {
    --tw-bg-opacity: 1 !important;
    background-color: hsl(var(--b2) / var(--tw-bg-opacity)) !important;
}

.table-zebra tr.\!active,
.table-zebra tr.\!active:nth-child(even) {
    --tw-bg-opacity: 1 !important;
    background-color: hsl(var(--b3) / var(--tw-bg-opacity)) !important;
}

.table-zebra tr.active,
.table-zebra tr.active:nth-child(even),
.table-zebra-zebra tbody tr:nth-child(even) {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
}

.table-zebra tr.\!active,
.table-zebra tr.\!active:nth-child(even) {
    --tw-bg-opacity: 1 !important;
    background-color: hsl(var(--b3) / var(--tw-bg-opacity)) !important;
}

.table :where(thead, tbody) :where(tr:not(:last-child)),
.table :where(thead, tbody) :where(tr:first-child:last-child) {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: hsl(var(--b2) / var(--tw-border-opacity));
}

.table :where(thead, tfoot) {
    white-space: nowrap;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    color: hsl(var(--bc) / 0.6);
}

.textarea:focus {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: hsl(var(--bc) / 0.2);
}

.textarea-disabled,
.textarea:disabled,
.textarea[disabled] {
    cursor: not-allowed;
    --tw-border-opacity: 1;
    border-color: hsl(var(--b2) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b2) / var(--tw-bg-opacity));
    --tw-text-opacity: 0.2;
}

.textarea-disabled::-moz-placeholder, .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,
.textarea[disabled]::placeholder {
    color: hsl(var(--bc) / var(--tw-placeholder-opacity));
    --tw-placeholder-opacity: 0.2;
}

.toast > * {
    animation: toast-pop 0.25s ease-out;
}

@keyframes toast-pop {

    0% {
        transform: scale(0.9);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

[dir="rtl"] .toggle {
    --handleoffsetcalculator: calc(var(--handleoffset) * 1);
}

.toggle:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: hsl(var(--bc) / 0.2);
}

.toggle:checked,
.toggle[checked="true"],
.toggle[aria-checked="true"] {
    --handleoffsetcalculator: var(--handleoffset);
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
}

[dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"], [dir="rtl"] .toggle[aria-checked="true"] {
    --handleoffsetcalculator: calc(var(--handleoffset) * -1);
}

.toggle:indeterminate {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
    calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
    0 0 0 2px var(--tglbg) inset;
}

[dir="rtl"] .toggle:indeterminate {
    box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
    calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
    0 0 0 2px var(--tglbg) inset;
}

.toggle:disabled {
    cursor: not-allowed;
    --tw-border-opacity: 1;
    border-color: hsl(var(--bc) / var(--tw-border-opacity));
    background-color: transparent;
    opacity: 0.3;
    --togglehandleborder: 0 0 0 3px hsl(var(--bc)) inset,
    var(--handleoffsetcalculator) 0 0 3px hsl(var(--bc)) inset;
}

.glass,
.glass.btn-active {
    border: none;
    -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
    backdrop-filter: blur(var(--glass-blur, 40px));
    background-color: transparent;
    background-image: linear-gradient(
            135deg,
            rgb(255 255 255 / var(--glass-opacity, 30%)) 0%,
            rgb(0 0 0 / 0%) 100%
    ),
    linear-gradient(
            var(--glass-reflex-degree, 100deg),
            rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%,
            rgb(0 0 0 / 0%) 25%
    );
    box-shadow: 0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,
    0 0 0 2px rgb(0 0 0 / 5%);
    text-shadow: 0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%));
}

@media (hover: hover) {

    .glass.btn-active {
        border: none;
        -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
        backdrop-filter: blur(var(--glass-blur, 40px));
        background-color: transparent;
        background-image: linear-gradient(
                135deg,
                rgb(255 255 255 / var(--glass-opacity, 30%)) 0%,
                rgb(0 0 0 / 0%) 100%
        ),
        linear-gradient(
                var(--glass-reflex-degree, 100deg),
                rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%,
                rgb(0 0 0 / 0%) 25%
        );
        box-shadow: 0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,
        0 0 0 2px rgb(0 0 0 / 5%);
        text-shadow: 0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%));
    }
}

.artboard.phone {
    width: 320px;
}

.artboard.phone-1.horizontal,
.artboard.phone-1.artboard-horizontal {
    width: 568px;
    height: 320px;
}

.artboard.phone-2.horizontal,
.artboard.phone-2.artboard-horizontal {
    width: 667px;
    height: 375px;
}

.artboard.phone-3.horizontal,
.artboard.phone-3.artboard-horizontal {
    width: 736px;
    height: 414px;
}

.artboard.phone-4.horizontal,
.artboard.phone-4.artboard-horizontal {
    width: 812px;
    height: 375px;
}

.artboard.phone-5.horizontal,
.artboard.phone-5.artboard-horizontal {
    width: 896px;
    height: 414px;
}

.artboard.phone-6.horizontal,
.artboard.phone-6.artboard-horizontal {
    width: 1024px;
    height: 320px;
}

.btm-nav-xs > *:where(.\!active) {
    border-top-width: 1px !important;
}

.btm-nav-xs > *:where(.active) {
    border-top-width: 1px;
}

.btm-nav-sm > *:where(.\!active) {
    border-top-width: 2px !important;
}

.btm-nav-sm > *:where(.active) {
    border-top-width: 2px;
}

.btm-nav-md > *:where(.\!active) {
    border-top-width: 2px !important;
}

.btm-nav-md > *:where(.active) {
    border-top-width: 2px;
}

.btm-nav-lg > *:where(.\!active) {
    border-top-width: 4px !important;
}

.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-lg {
    height: 4rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    min-height: 4rem;
    font-size: 1.125rem;
}

.btn-block {
    width: 100%;
}

.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-square:where(.btn-md) {
    height: 3rem;
    width: 3rem;
    padding: 0px;
}

.btn-square:where(.btn-lg) {
    height: 4rem;
    width: 4rem;
    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;
}

.btn-circle:where(.btn-md) {
    height: 3rem;
    width: 3rem;
    border-radius: 9999px;
    padding: 0px;
}

.btn-circle:where(.btn-lg) {
    height: 4rem;
    width: 4rem;
    border-radius: 9999px;
    padding: 0px;
}

.indicator :where(.indicator-item) {
    bottom: auto;
    left: auto;
    right: 0px;
    top: 0px;
    --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));
}

.indicator :where(.indicator-item.indicator-start) {
    left: 0px;
    right: auto;
    --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));
}

.indicator :where(.indicator-item.indicator-center) {
    left: 50%;
    right: 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));
}

.indicator :where(.indicator-item.indicator-end) {
    left: auto;
    right: 0px;
    --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));
}

.indicator :where(.indicator-item.indicator-bottom) {
    bottom: 0px;
    top: auto;
    --tw-translate-y: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.indicator :where(.indicator-item.indicator-middle) {
    bottom: 50%;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.indicator :where(.indicator-item.indicator-top) {
    bottom: auto;
    top: 0px;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.join.join-vertical {
    flex-direction: column;
}

.join.join-vertical .join-item:first-child:not(:last-child),
.join.join-vertical *:first-child:not(:last-child) .join-item {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.join.join-vertical .join-item:last-child:not(:first-child),
.join.join-vertical *:last-child:not(:first-child) .join-item {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.join.join-horizontal {
    flex-direction: row;
}

.join.join-horizontal .join-item:first-child:not(:last-child),
.join.join-horizontal *:first-child:not(:last-child) .join-item {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit;
}

.join.join-horizontal .join-item:last-child:not(:first-child),
.join.join-horizontal *:last-child:not(:first-child) .join-item {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit;
}

.menu-horizontal {
    display: inline-flex;
    flex-direction: row;
}

.menu-horizontal > li:not(.menu-title) > details > ul {
    position: absolute;
}

.select-sm {
    height: 2rem;
    padding-left: 0.75rem;
    padding-right: 2rem;
    font-size: 0.875rem;
    line-height: 2rem;
    min-height: 2rem;
}

[dir="rtl"] .select-sm {
    padding-left: 2rem;
    padding-right: 0.75rem;
}

.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));
}

:where(.toast) {
    bottom: 0px;
    left: auto;
    right: 0px;
    top: auto;
    --tw-translate-x: 0px;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.toast:where(.toast-start) {
    left: 0px;
    right: auto;
    --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));
}

.toast:where(.toast-center) {
    left: 50%;
    right: 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));
}

.toast:where(.toast-end) {
    left: auto;
    right: 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));
}

.toast:where(.toast-bottom) {
    bottom: 0px;
    top: auto;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.toast:where(.toast-middle) {
    bottom: auto;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.toast:where(.toast-top) {
    bottom: auto;
    top: 0px;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tooltip {
    position: relative;
    display: inline-block;
    --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));
}

.tooltip:before {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    content: var(--tw-content);
    --tw-content: attr(data-tip);
}

.tooltip:before, .tooltip-top:before {
    transform: translateX(-50%);
    top: auto;
    left: 50%;
    right: auto;
    bottom: var(--tooltip-offset);
}

.avatar.online:before {
    content: "";
    position: absolute;
    z-index: 10;
    display: block;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--su) / var(--tw-bg-opacity));
    outline-style: solid;
    outline-width: 2px;
    outline-color: hsl(var(--b1) / 1);
    width: 15%;
    height: 15%;
    top: 7%;
    right: 7%;
}

.avatar.offline:before {
    content: "";
    position: absolute;
    z-index: 10;
    display: block;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
    outline-style: solid;
    outline-width: 2px;
    outline-color: hsl(var(--b1) / 1);
    width: 15%;
    height: 15%;
    top: 7%;
    right: 7%;
}

.btn-group .btn:not(:first-child):not(:last-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group .btn:first-child:not(:last-child) {
    margin-left: -1px;
    margin-top: -0px;
    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;
}

.btn-group .btn:last-child:not(:first-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);
}

.btn-group-horizontal .btn:not(:first-child):not(:last-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group-horizontal .btn:first-child:not(:last-child) {
    margin-left: -1px;
    margin-top: -0px;
    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;
}

.btn-group-horizontal .btn:last-child:not(:first-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);
}

.btn-group-vertical .btn:first-child:not(:last-child) {
    margin-left: -0px;
    margin-top: -1px;
    border-top-left-radius: var(--rounded-btn, 0.5rem);
    border-top-right-radius: var(--rounded-btn, 0.5rem);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group-vertical .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--rounded-btn, 0.5rem);
    border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}

.card-compact .card-body {
    padding: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.card-normal .card-body {
    padding: var(--padding-card, 2rem);
    font-size: 1rem;
    line-height: 1.5rem;
}

.join.join-vertical > :where(*:not(:first-child)) {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -1px;
}

.join.join-horizontal > :where(*:not(:first-child)) {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -1px;
}

.menu-horizontal > li:not(.menu-title) > details > ul {
    margin-left: 0px;
    margin-top: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 0.5rem;
}

.menu-horizontal > li > details > ul:before {
    content: none;
}

:where(.menu-horizontal > li:not(.menu-title) > details > ul) {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1) / var(--tw-bg-opacity));
    --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);
    border-radius: var(--rounded-box, 1rem);
}

.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-x: 0px;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    margin-left: 50%;
}

[dir="rtl"] .steps-vertical .step:before {
    margin-right: auto;
}

.tooltip {
    position: relative;
    display: inline-block;
    text-align: center;
    --tooltip-tail: 0.1875rem;
    --tooltip-color: hsl(var(--n));
    --tooltip-text-color: hsl(var(--nc));
    --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail));
}

.tooltip:before,
.tooltip:after {
    opacity: 0;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-delay: 100ms;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tooltip:after {
    position: absolute;
    content: "";
    border-style: solid;
    border-width: var(--tooltip-tail, 0);
    width: 0;
    height: 0;
    display: block;
}

.tooltip:before {
    max-width: 20rem;
    border-radius: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    background-color: var(--tooltip-color);
    color: var(--tooltip-text-color);
    width: -moz-max-content;
    width: max-content;
}

.tooltip.tooltip-open:before,
.tooltip.tooltip-open:after,
.tooltip:hover:before,
.tooltip:hover:after {
    opacity: 1;
    transition-delay: 75ms;
}

.tooltip:has(:focus-visible):after,
.tooltip:has(:focus-visible):before {
    opacity: 1;
    transition-delay: 75ms;
}

.tooltip:not([data-tip]):hover:before,
.tooltip:not([data-tip]):hover:after {
    visibility: hidden;
    opacity: 0;
}

.tooltip:after, .tooltip-top:after {
    transform: translateX(-50%);
    border-color: var(--tooltip-color) transparent transparent transparent;
    top: auto;
    left: 50%;
    right: auto;
    bottom: var(--tooltip-tail-offset);
}

.combobox .group.focus {
    /*@apply bg-white;*/
    list-style-type: none;
}

.combobox .group.focus:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.combobox button[aria-expanded="true"] span.material-icons-outlined {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

[role="listbox"].focus [role="option"][aria-selected="true"] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 211 238 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 600;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.pointer-events-none {
    pointer-events: none;
}

.\!visible {
    visibility: visible !important;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.collapse {
    visibility: collapse;
}

.static {
    position: static;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.inset-0 {
    inset: 0px;
}

.inset-x-0 {
    left: 0px;
    right: 0px;
}

.-bottom-1 {
    bottom: -0.25rem;
}

.-bottom-5 {
    bottom: -1.25rem;
}

.-left-1 {
    left: -0.25rem;
}

.-right-2 {
    right: -0.5rem;
}

.-top-1 {
    top: -0.25rem;
}

.bottom-0 {
    bottom: 0px;
}

.bottom-14 {
    bottom: 3.5rem;
}

.bottom-2 {
    bottom: 0.5rem;
}

.bottom-20 {
    bottom: 5rem;
}

.bottom-24 {
    bottom: 6rem;
}

.bottom-5 {
    bottom: 1.25rem;
}

.bottom-7 {
    bottom: 1.75rem;
}

.bottom-\[60px\] {
    bottom: 60px;
}

.left-0 {
    left: 0px;
}

.left-1\/2 {
    left: 50%;
}

.left-2 {
    left: 0.5rem;
}

.left-2\.5 {
    left: 0.625rem;
}

.left-3 {
    left: 0.75rem;
}

.left-\[48\%\] {
    left: 48%;
}

.right-0 {
    right: 0px;
}

.right-1 {
    right: 0.25rem;
}

.right-1\.5 {
    right: 0.375rem;
}

.right-10 {
    right: 2.5rem;
}

.right-16 {
    right: 4rem;
}

.right-2 {
    right: 0.5rem;
}

.right-2\.5 {
    right: 0.625rem;
}

.right-3 {
    right: 0.75rem;
}

.right-5 {
    right: 1.25rem;
}

.start-1 {
    inset-inline-start: 0.25rem;
}

.top-0 {
    top: 0px;
}

.top-1 {
    top: 0.25rem;
}

.top-1\.5 {
    top: 0.375rem;
}

.top-2 {
    top: 0.5rem;
}

.top-2\.5 {
    top: 0.625rem;
}

.top-3 {
    top: 0.75rem;
}

.top-4 {
    top: 1rem;
}

.top-8 {
    top: 2rem;
}

.isolate {
    isolation: isolate;
}

.-z-10 {
    z-index: -10;
}

.z-0 {
    z-index: 0;
}

.z-10 {
    z-index: 10;
}

.z-20 {
    z-index: 20;
}

.z-30 {
    z-index: 30;
}

.z-40 {
    z-index: 40;
}

.z-50 {
    z-index: 50;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-first {
    order: -9999;
}

.col-span-2 {
    grid-column: span 2 / span 2;
}

.col-span-3 {
    grid-column: span 3 / span 3;
}

.col-span-full {
    grid-column: 1 / -1;
}

.float-right {
    float: right;
}

.-m-3 {
    margin: -0.75rem;
}

.-m-4 {
    margin: -1rem;
}

.m-1 {
    margin: 0.25rem;
}

.m-2 {
    margin: 0.5rem;
}

.m-3 {
    margin: 0.75rem;
}

.m-5 {
    margin: 1.25rem;
}

.m-7 {
    margin: 1.75rem;
}

.m-auto {
    margin: auto;
}

.-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}

.-mx-1\.5 {
    margin-left: -0.375rem;
    margin-right: -0.375rem;
}

.-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
}

.-my-1\.5 {
    margin-top: -0.375rem;
    margin-bottom: -0.375rem;
}

.mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.mx-1\.5 {
    margin-left: 0.375rem;
    margin-right: 0.375rem;
}

.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.my-0\.5 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
}

.my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.my-1\.5 {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
}

.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.my-2\.5 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

.my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.my-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.-mb-10 {
    margin-bottom: -2.5rem;
}

.-mt-5 {
    margin-top: -1.25rem;
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-1\.5 {
    margin-bottom: 0.375rem;
}

.mb-10 {
    margin-bottom: 2.5rem;
}

.mb-12 {
    margin-bottom: 3rem;
}

.mb-14 {
    margin-bottom: 3.5rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-2\.5 {
    margin-bottom: 0.625rem;
}

.mb-20 {
    margin-bottom: 5rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-5 {
    margin-bottom: 1.25rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mb-7 {
    margin-bottom: 1.75rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.me-1 {
    margin-inline-end: 0.25rem;
}

.me-16 {
    margin-inline-end: 4rem;
}

.me-2 {
    margin-inline-end: 0.5rem;
}

.me-7 {
    margin-inline-end: 1.75rem;
}

.ml-0 {
    margin-left: 0px;
}

.ml-0\.5 {
    margin-left: 0.125rem;
}

.ml-1 {
    margin-left: 0.25rem;
}

.ml-2 {
    margin-left: 0.5rem;
}

.ml-3 {
    margin-left: 0.75rem;
}

.ml-4 {
    margin-left: 1rem;
}

.ml-6 {
    margin-left: 1.5rem;
}

.ml-auto {
    margin-left: auto;
}

.mr-0 {
    margin-right: 0px;
}

.mr-0\.5 {
    margin-right: 0.125rem;
}

.mr-1 {
    margin-right: 0.25rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mr-3 {
    margin-right: 0.75rem;
}

.mr-4 {
    margin-right: 1rem;
}

.mr-5 {
    margin-right: 1.25rem;
}

.ms-2 {
    margin-inline-start: 0.5rem;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mt-1\.5 {
    margin-top: 0.375rem;
}

.mt-10 {
    margin-top: 2.5rem;
}

.mt-12 {
    margin-top: 3rem;
}

.mt-14 {
    margin-top: 3.5rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-2\.5 {
    margin-top: 0.625rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-5 {
    margin-top: 1.25rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-8 {
    margin-top: 2rem;
}

.box-border {
    box-sizing: border-box;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.table {
    display: table;
}

.table-caption {
    display: table-caption;
}

.table-cell {
    display: table-cell;
}

.\!grid {
    display: grid !important;
}

.grid {
    display: grid;
}

.contents {
    display: contents;
}

.list-item {
    display: list-item;
}

.\!hidden {
    display: none !important;
}

.hidden {
    display: none;
}

.h-0 {
    height: 0px;
}

.h-0\.5 {
    height: 0.125rem;
}

.h-1 {
    height: 0.25rem;
}

.h-1\/3 {
    height: 33.333333%;
}

.h-10 {
    height: 2.5rem;
}

.h-11 {
    height: 2.75rem;
}

.h-12 {
    height: 3rem;
}

.h-14 {
    height: 3.5rem;
}

.h-16 {
    height: 4rem;
}

.h-2 {
    height: 0.5rem;
}

.h-20 {
    height: 5rem;
}

.h-24 {
    height: 6rem;
}

.h-3 {
    height: 0.75rem;
}

.h-32 {
    height: 8rem;
}

.h-36 {
    height: 9rem;
}

.h-4 {
    height: 1rem;
}

.h-48 {
    height: 12rem;
}

.h-5 {
    height: 1.25rem;
}

.h-56 {
    height: 14rem;
}

.h-6 {
    height: 1.5rem;
}

.h-64 {
    height: 16rem;
}

.h-72 {
    height: 18rem;
}

.h-8 {
    height: 2rem;
}

.h-80 {
    height: 20rem;
}

.h-9 {
    height: 2.25rem;
}

.h-96 {
    height: 24rem;
}

.h-\[100dvh\] {
    height: 100dvh;
}

.h-\[400px\] {
    height: 400px;
}

.h-\[calc\(100\%-1rem\)\] {
    height: calc(100% - 1rem);
}

.h-\[calc\(100dvh-6rem\)\] {
    height: calc(100dvh - 6rem);
}

.h-auto {
    height: auto;
}

.h-full {
    height: 100%;
}

.h-max {
    height: -moz-max-content;
    height: max-content;
}

.h-screen {
    height: 100vh;
}

.max-h-0 {
    max-height: 0px;
}

.max-h-60 {
    max-height: 15rem;
}

.max-h-full {
    max-height: 100%;
}

.max-h-max {
    max-height: -moz-max-content;
    max-height: max-content;
}

.min-h-full {
    min-height: 100%;
}

.min-h-screen {
    min-height: 100vh;
}

.w-0 {
    width: 0px;
}

.w-1 {
    width: 0.25rem;
}

.w-1\/2 {
    width: 50%;
}

.w-10 {
    width: 2.5rem;
}

.w-10\/12 {
    width: 83.333333%;
}

.w-11 {
    width: 2.75rem;
}

.w-11\/12 {
    width: 91.666667%;
}

.w-12 {
    width: 3rem;
}

.w-14 {
    width: 3.5rem;
}

.w-16 {
    width: 4rem;
}

.w-2 {
    width: 0.5rem;
}

.w-2\/5 {
    width: 40%;
}

.w-20 {
    width: 5rem;
}

.w-24 {
    width: 6rem;
}

.w-3 {
    width: 0.75rem;
}

.w-3\/12 {
    width: 25%;
}

.w-3\/4 {
    width: 75%;
}

.w-32 {
    width: 8rem;
}

.w-36 {
    width: 9rem;
}

.w-4 {
    width: 1rem;
}

.w-4\/12 {
    width: 33.333333%;
}

.w-40 {
    width: 10rem;
}

.w-44 {
    width: 11rem;
}

.w-48 {
    width: 12rem;
}

.w-5 {
    width: 1.25rem;
}

.w-5\/6 {
    width: 83.333333%;
}

.w-56 {
    width: 14rem;
}

.w-6 {
    width: 1.5rem;
}

.w-6\/12 {
    width: 50%;
}

.w-64 {
    width: 16rem;
}

.w-7 {
    width: 1.75rem;
}

.w-72 {
    width: 18rem;
}

.w-8 {
    width: 2rem;
}

.w-9\/12 {
    width: 75%;
}

.w-auto {
    width: auto;
}

.w-full {
    width: 100%;
}

.min-w-\[1024px\] {
    min-width: 1024px;
}

.min-w-\[300px\] {
    min-width: 300px;
}

.min-w-full {
    min-width: 100%;
}

.max-w-2xl {
    max-width: 42rem;
}

.max-w-7xl {
    max-width: 80rem;
}

.max-w-full {
    max-width: 100%;
}

.max-w-lg {
    max-width: 32rem;
}

.max-w-md {
    max-width: 28rem;
}

.max-w-screen-2xl {
    max-width: 1536px;
}

.max-w-screen-md {
    max-width: 768px;
}

.max-w-screen-xl {
    max-width: 1280px;
}

.max-w-sm {
    max-width: 24rem;
}

.max-w-xl {
    max-width: 36rem;
}

.max-w-xs {
    max-width: 20rem;
}

.flex-1 {
    flex: 1 1 0%;
}

.flex-shrink {
    flex-shrink: 1;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.shrink {
    flex-shrink: 1;
}

.shrink-0 {
    flex-shrink: 0;
}

.flex-grow {
    flex-grow: 1;
}

.grow {
    flex-grow: 1;
}

.basis-1\/12 {
    flex-basis: 8.333333%;
}

.basis-1\/2 {
    flex-basis: 50%;
}

.basis-1\/3 {
    flex-basis: 33.333333%;
}

.basis-1\/4 {
    flex-basis: 25%;
}

.basis-10\/12 {
    flex-basis: 83.333333%;
}

.basis-2\/12 {
    flex-basis: 16.666667%;
}

.basis-2\/3 {
    flex-basis: 66.666667%;
}

.basis-3\/4 {
    flex-basis: 75%;
}

.basis-3\/12 {
    flex-basis: 25%;
}

.basis-4\/12 {
    flex-basis: 33.333333%;
}

.basis-5\/12 {
    flex-basis: 41.666667%;
}

.basis-7\/12 {
    flex-basis: 58.333333%;
}

.basis-8\/12 {
    flex-basis: 66.666667%;
}

.basis-9\/12 {
    flex-basis: 75%;
}

.basis-full {
    flex-basis: 100%;
}

.table-auto {
    table-layout: auto;
}

.origin-\[0\] {
    transform-origin: 0;
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-full {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-4 {
    --tw-translate-y: -1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-6 {
    --tw-translate-y: -1.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-full {
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
    --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));
}

.translate-x-1\/2 {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-full {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-full {
    --tw-translate-y: 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));
}

.-rotate-45 {
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-45 {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-none {
    transform: none;
}

@keyframes bounce {

    0%, 100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}

.animate-bounce {
    animation: bounce 1s infinite;
}

@keyframes pulse {

    50% {
        opacity: .5;
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.cursor-default {
    cursor: default;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.cursor-pointer {
    cursor: pointer;
}

.select-all {
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all;
}

.resize-none {
    resize: none;
}

.resize-y {
    resize: vertical;
}

.resize {
    resize: both;
}

.list-inside {
    list-style-position: inside;
}

.list-disc {
    list-style-type: disc;
}

.list-none {
    list-style-type: none;
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.columns-1 {
    -moz-columns: 1;
    columns: 1;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.flex-row {
    flex-direction: row;
}

.flex-col {
    flex-direction: column;
}

.flex-col-reverse {
    flex-direction: column-reverse;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.place-items-start {
    place-items: start;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-evenly {
    justify-content: space-evenly;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 0.75rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-5 {
    gap: 1.25rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-8 {
    gap: 2rem;
}

.gap-x-1 {
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
}

.gap-x-3 {
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
}

.gap-x-3\.5 {
    -moz-column-gap: 0.875rem;
    column-gap: 0.875rem;
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}

.gap-y-2 {
    row-gap: 0.5rem;
}

.gap-y-5 {
    row-gap: 1.25rem;
}

.space-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.125rem * var(--tw-space-x-reverse));
    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.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-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}

.place-self-start {
    place-self: start;
}

.place-self-end {
    place-self: end;
}

.self-start {
    align-self: flex-start;
}

.self-end {
    align-self: flex-end;
}

.self-center {
    align-self: center;
}

.self-baseline {
    align-self: baseline;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-scroll {
    overflow: scroll;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.overflow-y-visible {
    overflow-y: visible;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.overscroll-contain {
    overscroll-behavior: contain;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-ellipsis {
    text-overflow: ellipsis;
}

.whitespace-normal {
    white-space: normal;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.break-words {
    overflow-wrap: break-word;
}

.rounded {
    border-radius: 0.25rem;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-none {
    border-radius: 0px;
}

.rounded-sm {
    border-radius: 0.125rem;
}

.rounded-xl {
    border-radius: 0.75rem;
}

.rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.rounded-e-lg {
    border-start-end-radius: 0.5rem;
    border-end-end-radius: 0.5rem;
}

.rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.rounded-r-md {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

.rounded-s-lg {
    border-start-start-radius: 0.5rem;
    border-end-start-radius: 0.5rem;
}

.rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
}

.rounded-tl-xl {
    border-top-left-radius: 0.75rem;
}

.border {
    border-width: 1px;
}

.border-0 {
    border-width: 0px;
}

.border-2 {
    border-width: 2px;
}

.border-x-0 {
    border-left-width: 0px;
    border-right-width: 0px;
}

.border-b {
    border-bottom-width: 1px;
}

.border-b-2 {
    border-bottom-width: 2px;
}

.border-l {
    border-left-width: 1px;
}

.border-l-2 {
    border-left-width: 2px;
}

.border-l-4 {
    border-left-width: 4px;
}

.border-r {
    border-right-width: 1px;
}

.border-t {
    border-top-width: 1px;
}

.border-t-4 {
    border-top-width: 4px;
}

.border-dashed {
    border-style: dashed;
}

.border-\[\#b9f6ff\] {
    --tw-border-opacity: 1;
    border-color: rgb(185 246 255 / var(--tw-border-opacity));
}

.border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgb(28 100 242 / var(--tw-border-opacity));
}

.border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgb(26 86 219 / var(--tw-border-opacity));
}

.border-cyan-300 {
    --tw-border-opacity: 1;
    border-color: rgb(103 232 249 / var(--tw-border-opacity));
}

.border-cyan-500 {
    --tw-border-opacity: 1;
    border-color: rgb(6 182 212 / var(--tw-border-opacity));
}

.border-cyan-700 {
    --tw-border-opacity: 1;
    border-color: rgb(14 116 144 / var(--tw-border-opacity));
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity));
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgb(31 41 55 / var(--tw-border-opacity));
}

.border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgb(188 240 218 / var(--tw-border-opacity));
}

.border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgb(132 225 188 / var(--tw-border-opacity));
}

.border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgb(14 159 110 / var(--tw-border-opacity));
}

.border-neutral-300 {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
}

.border-pink-400 {
    --tw-border-opacity: 1;
    border-color: rgb(241 126 184 / var(--tw-border-opacity));
}

.border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgb(231 70 148 / var(--tw-border-opacity));
}

.border-pink-600 {
    --tw-border-opacity: 1;
    border-color: rgb(214 31 105 / var(--tw-border-opacity));
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p) / var(--tw-border-opacity));
}

.border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgb(251 213 213 / var(--tw-border-opacity));
}

.border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgb(248 180 180 / var(--tw-border-opacity));
}

.border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgb(249 128 128 / var(--tw-border-opacity));
}

.border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
}

.border-slate-300 {
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.border-soko-100 {
    --tw-border-opacity: 1;
    border-color: rgb(191 229 235 / var(--tw-border-opacity));
}

.border-soko-300 {
    --tw-border-opacity: 1;
    border-color: rgb(126 203 215 / var(--tw-border-opacity));
}

.border-transparent {
    border-color: transparent;
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-zinc-300 {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 216 / var(--tw-border-opacity));
}

.bg-\[\#D2F2F7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(210 242 247 / var(--tw-bg-opacity));
}

.bg-\[\#b9f6ff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(185 246 255 / var(--tw-bg-opacity));
}

.bg-\[\#d2f2f7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(210 242 247 / var(--tw-bg-opacity));
}

.bg-amber-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}

.bg-amber-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(225 239 254 / var(--tw-bg-opacity));
}

.bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(195 221 253 / var(--tw-bg-opacity));
}

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(235 245 255 / var(--tw-bg-opacity));
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(63 131 248 / var(--tw-bg-opacity));
}

.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(28 100 242 / var(--tw-bg-opacity));
}

.bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}

.bg-cyan-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(207 250 254 / var(--tw-bg-opacity));
}

.bg-cyan-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(165 243 252 / var(--tw-bg-opacity));
}

.bg-cyan-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(103 232 249 / var(--tw-bg-opacity));
}

.bg-cyan-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 211 238 / var(--tw-bg-opacity));
}

.bg-cyan-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 254 255 / var(--tw-bg-opacity));
}

.bg-cyan-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212 / var(--tw-bg-opacity));
}

.bg-cyan-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(8 145 178 / var(--tw-bg-opacity));
}

.bg-cyan-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(14 116 144 / var(--tw-bg-opacity));
}

.bg-cyan-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(21 94 117 / var(--tw-bg-opacity));
}

.bg-emerald-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}

.bg-emerald-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(52 211 153 / var(--tw-bg-opacity));
}

.bg-emerald-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.bg-gray-900\/50 {
    background-color: rgb(17 24 39 / 0.5);
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(222 247 236 / var(--tw-bg-opacity));
}

.bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(188 240 218 / var(--tw-bg-opacity));
}

.bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(49 196 141 / var(--tw-bg-opacity));
}

.bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 250 247 / var(--tw-bg-opacity));
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(14 159 110 / var(--tw-bg-opacity));
}

.bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(5 122 85 / var(--tw-bg-opacity));
}

.bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 237 255 / var(--tw-bg-opacity));
}

.bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(205 219 254 / var(--tw-bg-opacity));
}

.bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(104 117 245 / var(--tw-bg-opacity));
}

.bg-lime-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 252 203 / var(--tw-bg-opacity));
}

.bg-orange-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 236 220 / var(--tw-bg-opacity));
}

.bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 232 243 / var(--tw-bg-opacity));
}

.bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 209 232 / var(--tw-bg-opacity));
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--p) / var(--tw-bg-opacity));
}

.bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(237 235 254 / var(--tw-bg-opacity));
}

.bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 215 254 / var(--tw-bg-opacity));
}

.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(144 97 249 / var(--tw-bg-opacity));
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 232 232 / var(--tw-bg-opacity));
}

.bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 213 213 / var(--tw-bg-opacity));
}

.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 128 128 / var(--tw-bg-opacity));
}

.bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 242 242 / var(--tw-bg-opacity));
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 82 82 / var(--tw-bg-opacity));
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 36 36 / var(--tw-bg-opacity));
}

.bg-rose-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 228 230 / var(--tw-bg-opacity));
}

.bg-sky-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}

.bg-sky-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(186 230 253 / var(--tw-bg-opacity));
}

.bg-sky-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(125 211 252 / var(--tw-bg-opacity));
}

.bg-sky-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(56 189 248 / var(--tw-bg-opacity));
}

.bg-slate-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.bg-soko-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(191 229 235 / var(--tw-bg-opacity));
}

.bg-soko-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(223 242 245 / var(--tw-bg-opacity));
}

.bg-soko-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(89 186 202 / var(--tw-bg-opacity));
}

.bg-soko-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(79 169 184 / var(--tw-bg-opacity));
}

.bg-teal-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(213 245 246 / var(--tw-bg-opacity));
}

.bg-teal-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(175 236 239 / var(--tw-bg-opacity));
}

.bg-transparent {
    background-color: transparent;
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-white\/50 {
    background-color: rgb(255 255 255 / 0.5);
}

.bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 246 178 / var(--tw-bg-opacity));
}

.bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 233 106 / var(--tw-bg-opacity));
}

.bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 216 92 / var(--tw-bg-opacity));
}

.bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 191 36 / var(--tw-bg-opacity));

}

.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(194 120 3 / var(--tw-bg-opacity));
}

.bg-zinc-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5;
}

.bg-opacity-75 {
    --tw-bg-opacity: 0.75;
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.from-\[\#D2F2F7\] {
    --tw-gradient-from: #D2F2F7 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(210 242 247 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#b9f6ff\] {
    --tw-gradient-from: #b9f6ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(185 246 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#d2f2f7\] {
    --tw-gradient-from: #d2f2f7 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(210 242 247 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-900 {
    --tw-gradient-from: #111827 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white {
    --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-\[\#d2f2f7\] {
    --tw-gradient-to: #d2f2f7 var(--tw-gradient-to-position);
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.to-white {
    --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.to-zinc-100 {
    --tw-gradient-to: #f4f4f5 var(--tw-gradient-to-position);
}

.bg-cover {
    background-size: cover;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.fill-current {
    fill: currentColor;
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.object-center {
    -o-object-position: center;
    object-position: center;
}

.p-0 {
    padding: 0px;
}

.p-0\.5 {
    padding: 0.125rem;
}

.p-1 {
    padding: 0.25rem;
}

.p-1\.5 {
    padding: 0.375rem;
}

.p-10 {
    padding: 2.5rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-2\.5 {
    padding: 0.625rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1rem;
}

.p-5 {
    padding: 1.25rem;
}

.p-6 {
    padding: 1.5rem;
}

.p-8 {
    padding: 2rem;
}

.px-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.pb-1 {
    padding-bottom: 0.25rem;
}

.pb-1\.5 {
    padding-bottom: 0.375rem;
}

.pb-10 {
    padding-bottom: 2.5rem;
}

.pb-12 {
    padding-bottom: 3rem;
}

.pb-2 {
    padding-bottom: 0.5rem;
}

.pb-2\.5 {
    padding-bottom: 0.625rem;
}

.pb-3 {
    padding-bottom: 0.75rem;
}

.pb-4 {
    padding-bottom: 1rem;
}

.pb-5 {
    padding-bottom: 1.25rem;
}

.pb-6 {
    padding-bottom: 1.5rem;
}

.pb-8 {
    padding-bottom: 2rem;
}

.pl-10 {
    padding-left: 2.5rem;
}

.pl-2 {
    padding-left: 0.5rem;
}

.pl-3 {
    padding-left: 0.75rem;
}

.pr-2 {
    padding-right: 0.5rem;
}

.pr-3 {
    padding-right: 0.75rem;
}

.pr-4 {
    padding-right: 1rem;
}

.pt-1 {
    padding-top: 0.25rem;
}

.pt-1\.5 {
    padding-top: 0.375rem;
}

.pt-10 {
    padding-top: 2.5rem;
}

.pt-16 {
    padding-top: 4rem;
}

.pt-2 {
    padding-top: 0.5rem;
}

.pt-2\.5 {
    padding-top: 0.625rem;
}

.pt-24 {
    padding-top: 6rem;
}

.pt-3 {
    padding-top: 0.75rem;
}

.pt-4 {
    padding-top: 1rem;
}

.pt-5 {
    padding-top: 1.25rem;
}

.pt-6 {
    padding-top: 1.5rem;
}

.pt-8 {
    padding-top: 2rem;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-start {
    text-align: start;
}

.text-end {
    text-align: end;
}

.font-lato {
    font-family: Lato, Comic Neue, cursive, Ubuntu, sans-serif;
}

.\!text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}

.text-5xl {
    font-size: 3rem;
    line-height: 1;
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1;
}

.text-7xl {
    font-size: 4.5rem;
    line-height: 1;
}

.text-\[2\.5rem\] {
    font-size: 2.5rem;
}

.text-\[6rem\] {
    font-size: 6rem;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-sm {
    font-size: .875rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-xs {
    font-size: .75rem;
}

.text-xxs {
    font-size: .65rem;
}

.font-bold {
    font-weight: 700;
}

.font-extrabold {
    font-weight: 800;
}

.font-light {
    font-weight: 300;
}

.font-medium {
    font-weight: 500;
}

.font-normal {
    font-weight: 400;
}

.font-semibold {
    font-weight: 600;
}

.font-thin {
    font-weight: 100;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.normal-case {
    text-transform: none;
}

.italic {
    font-style: italic;
}

.not-italic {
    font-style: normal;
}

.ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-6 {
    line-height: 1.5rem;
}

.leading-9 {
    line-height: 2.25rem;
}

.leading-none {
    line-height: 1;
}

.leading-relaxed {
    line-height: 1.625;
}

.leading-tight {
    line-height: 1.25;
}

.tracking-normal {
    letter-spacing: 0em;
}

.tracking-tight {
    letter-spacing: -0.025em;
}

.tracking-tighter {
    letter-spacing: -0.05em;
}

.tracking-wide {
    letter-spacing: 0.025em;
}

.tracking-wider {
    letter-spacing: 0.05em;
}

.tracking-widest {
    letter-spacing: 0.1em;
}

.text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity));
}

.text-amber-600 {
    --tw-text-opacity: 1;
    color: rgb(217 119 6 / var(--tw-text-opacity));
}

.text-amber-800 {
    --tw-text-opacity: 1;
    color: rgb(146 64 14 / var(--tw-text-opacity));
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(63 131 248 / var(--tw-text-opacity));
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(28 100 242 / var(--tw-text-opacity));
}

.text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 66 159 / var(--tw-text-opacity));
}

.text-cyan-100 {
    --tw-text-opacity: 1;
    color: rgb(207 250 254 / var(--tw-text-opacity));
}

.text-cyan-300 {
    --tw-text-opacity: 1;
    color: rgb(103 232 249 / var(--tw-text-opacity));
}

.text-cyan-400 {
    --tw-text-opacity: 1;
    color: rgb(34 211 238 / var(--tw-text-opacity));
}

.text-cyan-50 {
    --tw-text-opacity: 1;
    color: rgb(236 254 255 / var(--tw-text-opacity));
}

.text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(6 182 212 / var(--tw-text-opacity));
}

.text-cyan-600 {
    --tw-text-opacity: 1;
    color: rgb(8 145 178 / var(--tw-text-opacity));
}

.text-cyan-700 {
    --tw-text-opacity: 1;
    color: rgb(14 116 144 / var(--tw-text-opacity));
}

.text-cyan-800 {
    --tw-text-opacity: 1;
    color: rgb(21 94 117 / var(--tw-text-opacity));
}

.text-cyan-900 {
    --tw-text-opacity: 1;
    color: rgb(22 78 99 / var(--tw-text-opacity));
}

.text-emerald-100 {
    --tw-text-opacity: 1;
    color: rgb(209 250 229 / var(--tw-text-opacity));
}

.text-emerald-200 {
    --tw-text-opacity: 1;
    color: rgb(167 243 208 / var(--tw-text-opacity));
}

.text-emerald-400 {
    --tw-text-opacity: 1;
    color: rgb(52 211 153 / var(--tw-text-opacity));
}

.text-emerald-50 {
    --tw-text-opacity: 1;
    color: rgb(236 253 245 / var(--tw-text-opacity));
}

.text-emerald-600 {
    --tw-text-opacity: 1;
    color: rgb(5 150 105 / var(--tw-text-opacity));
}

.text-emerald-800 {
    --tw-text-opacity: 1;
    color: rgb(6 95 70 / var(--tw-text-opacity));
}

.text-error {
    --tw-text-opacity: 1;
    color: hsl(var(--er) / 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-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(49 196 141 / var(--tw-text-opacity));
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(14 159 110 / var(--tw-text-opacity));
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(5 122 85 / var(--tw-text-opacity));
}

.text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(4 108 78 / var(--tw-text-opacity));
}

.text-green-800 {
    --tw-text-opacity: 1;
    color: rgb(3 84 63 / var(--tw-text-opacity));
}

.text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgb(141 162 251 / var(--tw-text-opacity));
}

.text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgb(104 117 245 / var(--tw-text-opacity));
}

.text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgb(66 56 157 / var(--tw-text-opacity));
}

.text-info {
    --tw-text-opacity: 1;
    color: hsl(var(--in) / var(--tw-text-opacity));
}

.text-lime-400 {
    --tw-text-opacity: 1;
    color: rgb(163 230 53 / var(--tw-text-opacity));
}

.text-lime-800 {
    --tw-text-opacity: 1;
    color: rgb(63 98 18 / var(--tw-text-opacity));
}

.text-neutral-800 {
    --tw-text-opacity: 1;
    color: rgb(38 38 38 / var(--tw-text-opacity));
}

.text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(255 90 31 / var(--tw-text-opacity));
}

.text-orange-800 {
    --tw-text-opacity: 1;
    color: rgb(138 44 13 / var(--tw-text-opacity));
}

.text-pink-500 {
    --tw-text-opacity: 1;
    color: rgb(231 70 148 / var(--tw-text-opacity));
}

.text-pink-600 {
    --tw-text-opacity: 1;
    color: rgb(214 31 105 / var(--tw-text-opacity));
}

.text-pink-800 {
    --tw-text-opacity: 1;
    color: rgb(153 21 75 / var(--tw-text-opacity));
}

.text-pink-900 {
    --tw-text-opacity: 1;
    color: rgb(117 26 61 / var(--tw-text-opacity));
}

.text-primary {
    --tw-text-opacity: 1;
    color: hsl(var(--p) / var(--tw-text-opacity));
}

.text-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(144 97 249 / var(--tw-text-opacity));
}

.text-purple-600 {
    --tw-text-opacity: 1;
    color: rgb(126 58 242 / var(--tw-text-opacity));
}

.text-purple-800 {
    --tw-text-opacity: 1;
    color: rgb(85 33 181 / var(--tw-text-opacity));
}

.text-red-100 {
    --tw-text-opacity: 1;
    color: rgb(253 232 232 / var(--tw-text-opacity));
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(249 128 128 / var(--tw-text-opacity));
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(240 82 82 / var(--tw-text-opacity));
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(224 36 36 / var(--tw-text-opacity));
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(200 30 30 / var(--tw-text-opacity));
}

.text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(155 28 28 / var(--tw-text-opacity));
}

.text-rose-500 {
    --tw-text-opacity: 1;
    color: rgb(244 63 94 / var(--tw-text-opacity));
}

.text-rose-800 {
    --tw-text-opacity: 1;
    color: rgb(159 18 57 / var(--tw-text-opacity));
}

.text-sky-400 {
    --tw-text-opacity: 1;
    color: rgb(56 189 248 / var(--tw-text-opacity));
}

.text-sky-600 {
    --tw-text-opacity: 1;
    color: rgb(2 132 199 / var(--tw-text-opacity));
}

.text-sky-800 {
    --tw-text-opacity: 1;
    color: rgb(7 89 133 / var(--tw-text-opacity));
}

.text-slate-50 {
    --tw-text-opacity: 1;
    color: rgb(248 250 252 / var(--tw-text-opacity));
}

.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity));
}

.text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity));
}

.text-soko-100 {
    --tw-text-opacity: 1;
    color: rgb(191 229 235 / var(--tw-text-opacity));
}

.text-soko-50 {
    --tw-text-opacity: 1;
    color: rgb(223 242 245 / var(--tw-text-opacity));
}

.text-soko-500 {
    --tw-text-opacity: 1;
    color: rgb(89 186 202 / var(--tw-text-opacity));
}

.text-soko-600 {
    --tw-text-opacity: 1;
    color: rgb(79 169 184 / var(--tw-text-opacity));
}

.text-soko-700 {
    --tw-text-opacity: 1;
    color: rgb(68 152 166 / var(--tw-text-opacity));
}

.text-soko-800 {
    --tw-text-opacity: 1;
    color: rgb(57 135 148 / var(--tw-text-opacity));
}

.text-soko-900 {
    --tw-text-opacity: 1;
    color: rgb(46 118 130 / var(--tw-text-opacity));
}

.text-stone-400 {
    --tw-text-opacity: 1;
    color: rgb(168 162 158 / var(--tw-text-opacity));
}

.text-stone-700 {
    --tw-text-opacity: 1;
    color: rgb(68 64 60 / var(--tw-text-opacity));
}

.text-success {
    --tw-text-opacity: 1;
    color: hsl(var(--su) / var(--tw-text-opacity));
}

.text-teal-600 {
    --tw-text-opacity: 1;
    color: rgb(4 116 129 / var(--tw-text-opacity));
}

.text-teal-800 {
    --tw-text-opacity: 1;
    color: rgb(5 80 92 / var(--tw-text-opacity));
}

.text-violet-400 {
    --tw-text-opacity: 1;
    color: rgb(167 139 250 / var(--tw-text-opacity));
}

.text-warning {
    --tw-text-opacity: 1;
    color: hsl(var(--wa) / var(--tw-text-opacity));
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgb(253 246 178 / var(--tw-text-opacity));
}

.text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(227 160 8 / var(--tw-text-opacity));
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(194 120 3 / var(--tw-text-opacity));
}

.text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgb(159 88 10 / var(--tw-text-opacity));
}

.text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgb(114 59 19 / var(--tw-text-opacity));
}

.text-zinc-400 {
    --tw-text-opacity: 1;
    color: rgb(161 161 170 / var(--tw-text-opacity));
}

.text-zinc-500 {
    --tw-text-opacity: 1;
    color: rgb(113 113 122 / var(--tw-text-opacity));
}

.text-zinc-700 {
    --tw-text-opacity: 1;
    color: rgb(63 63 70 / var(--tw-text-opacity));
}

.underline {
    text-decoration-line: underline;
}

.overline {
    text-decoration-line: overline;
}

.line-through {
    text-decoration-line: line-through;
}

.decoration-cyan-400 {
    text-decoration-color: #22d3ee;
}

.decoration-8 {
    text-decoration-thickness: 8px;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.placeholder-cyan-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(103 232 249 / var(--tw-placeholder-opacity));
}

.placeholder-cyan-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(103 232 249 / var(--tw-placeholder-opacity));
}

.placeholder-cyan-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(34 211 238 / var(--tw-placeholder-opacity));
}

.placeholder-cyan-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(34 211 238 / var(--tw-placeholder-opacity));
}

.placeholder-gray-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.placeholder-pink-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(248 180 217 / var(--tw-placeholder-opacity));
}

.placeholder-pink-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(248 180 217 / var(--tw-placeholder-opacity));
}

.caret-pink-600 {
    caret-color: #D61F69;
}

.opacity-0 {
    opacity: 0;
}

.opacity-100 {
    opacity: 1;
}

.opacity-70 {
    opacity: 0.7;
}

.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-inner {
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.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-md-bottom {
    --tw-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --tw-shadow-colored: 0 4px 4px -1px var(--tw-shadow-color), 0 2px 4px -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-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);
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.outline {
    outline-style: solid;
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-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-black {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}

.ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}

.ring-opacity-5 {
    --tw-ring-opacity: 0.05;
}

.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-sm {
    --tw-blur: blur(4px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\!invert {
    --tw-invert: invert(100%) !important;
    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) !important;
}

.invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\!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) !important;
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[3px\] {
    --tw-backdrop-blur: blur(3px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.delay-100 {
    transition-delay: 100ms;
}

.delay-150 {
    transition-delay: 150ms;
}

.delay-75 {
    transition-delay: 75ms;
}

.duration-100 {
    transition-duration: 100ms;
}

.duration-200 {
    transition-duration: 200ms;
}

.duration-300 {
    transition-duration: 300ms;
}

.duration-500 {
    transition-duration: 500ms;
}

.duration-700 {
    transition-duration: 700ms;
}

.ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.scrollbar::-webkit-scrollbar {
    width: 0.625rem;
    height: 0.25rem;
    display: none;
}

.scrollbar::-webkit-scrollbar-track {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}

.scrollbar::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 216 / var(--tw-bg-opacity));
    border-radius: 0.25rem;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(161 161 170 / var(--tw-bg-opacity));
}

.scrollbar::-webkit-scrollbar-thumb:active {
    --tw-bg-opacity: 1;
    background-color: rgb(113 113 122 / var(--tw-bg-opacity));
}

.carousel {
    transition: left 0.5s ease-out; /* add a transition for the sliding animation */
}

.dt-buttons {
    display: inline-flex;
}

.shadow-top {
    box-shadow: 0 0 0 #888, 0 -2px 30px rgba(79, 79, 79, 0.25)
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);*/
}

/* Data Table */
/* The row selected */
tr.selected {
    --tw-bg-opacity: 1;
    background-color: rgb(159 216 225 / var(--tw-bg-opacity));
}

table.dataTable tbody tr.selected > * {
    --tw-bg-opacity: 1;
    background-color: rgb(191 229 235 / var(--tw-bg-opacity));
}

.choices {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    font-size: 16px;
}

.choices:focus {
    outline: none;
}

.choices:last-child {
    margin-bottom: 0;
}

.choices.is-open {
    overflow: visible;
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.choices.is-disabled .choices__item {
    cursor: not-allowed;
}

.choices [hidden] {
    display: none !important;
}

.choices[data-type*=select-one] {
    cursor: pointer;
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 7.5px;
}

.choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin: 0;
}

.choices[data-type*=select-one] .choices__button {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: 0.25;
}

.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
    opacity: 1;
}

.choices[data-type*=select-one] .choices__button:focus {
    box-shadow: 0 0 0 2px #00bcd4;
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
    display: none;
}

.choices[data-type*=select-one]::after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none;
}

.choices[data-type*=select-one].is-open::after {
    border-color: transparent transparent #333 transparent;
    margin-top: -7.5px;
}

.choices[data-type*=select-one][dir=rtl]::after {
    left: 11.5px;
    right: auto;
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
    cursor: text;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-right: -4px;
    margin-bottom: 0;
    margin-left: 8px;
    padding-left: 16px;
    border-left: 1px solid #008fa1;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: 0.75;
    border-radius: 0;
}

.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
    opacity: 1;
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden;
}

.is-focused .choices__inner, .is-open .choices__inner {
    border-color: #b7b7b7;
}

.is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0;
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px;
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%;
}

[dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px;
}

.choices__list--single .choices__item {
    width: 100%;
}

.choices__list--multiple {
    display: inline;
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #00bcd4;
    border: 1px solid #00a5bb;
    color: #fff;
    word-break: break-all;
    box-sizing: border-box;
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px;
}

[dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px;
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #00a5bb;
    border: 1px solid #008fa1;
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaaaaa;
    border: 1px solid #919191;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
    visibility: hidden;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all;
    will-change: visibility;
}

.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
    visibility: visible;
}

.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
    border-color: #b7b7b7;
}

.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: 0.25rem 0.25rem 0 0;
}

.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
}

.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px;
}

[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
    text-align: right;
}

@media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable {
        padding-right: 100px;
    }

    .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px;
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after {
        right: auto;
        left: 10px;
    }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    opacity: 0.5;
}

.choices__item {
    cursor: default;
}

.choices__item--selectable {
    cursor: pointer;
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0.5;
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray;
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.choices__button:focus {
    outline: none;
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px;
}

.choices__input:focus {
    outline: 0;
}

.choices__input::-webkit-search-decoration, .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
    display: none;
}

.choices__input::-ms-clear, .choices__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

[dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0;
}

.choices__placeholder {
    opacity: 0.5;
}

/* Create font face for Lato-Regular.ttf*/
@font-face {
    font-family: 'Lato';
    src: url("../../fonts/Lato-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../fonts/Poppins/Poppins-Thin.ttf") format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../fonts/Poppins/Poppins-ExtraLight.ttf") format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../fonts/Poppins/Poppins-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Poppins';
    src: url("../../fonts/Poppins/Poppins-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../fonts/Poppins/Poppins-Medium.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../fonts/Poppins/Poppins-SemiBold.ttf") format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../fonts/Poppins/Poppins-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../fonts/Poppins/Poppins-ExtraBold.ttf") format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../fonts/Poppins/Poppins-Black.ttf") format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url("../../fonts/Ubuntu/Ubuntu-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url("../../fonts/Ubuntu/Ubuntu-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url("../../fonts/Ubuntu/Ubuntu-Medium.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url("../../fonts/Ubuntu/Ubuntu-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../../fonts/Montserrat/Montserrat-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../../fonts/Montserrat/Montserrat-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../../fonts/Montserrat/Montserrat-Medium.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../../fonts/Montserrat/Montserrat-SemiBold.ttf") format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../../fonts/Montserrat/Montserrat-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../../fonts/Montserrat/Montserrat-ExtraBold.ttf") format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../../fonts/Montserrat/Montserrat-Black.ttf") format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* custom css */
/* add a background gradient to the body */
/*body {*/
/*    !*background: #209aaa;*!*/
/*    background: linear-gradient(to bottom, white, #d2f2f7);*/
/*    !*@apply bg-slate-100;*!*/
/*    !*  set the global font *!*/
/*}*/

/* marketplace */

.marketplace-svg {
    /*background: linear-gradient(to bottom, white, #d2f2f7);*/
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask2598%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='url(%23SvgjsLinearGradient2599)'%3e%3c/rect%3e%3cpath d='M 0%2c71 C 96%2c91 288%2c173.2 480%2c171 C 672%2c168.8 768%2c41.6 960%2c60 C 1152%2c78.4 1344%2c222.4 1440%2c263L1440 560L0 560z' fill='rgba(210%2c 242%2c 247%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c310 C 32%2c343.6 96%2c475 160%2c478 C 224%2c481 256%2c335 320%2c325 C 384%2c315 416%2c422.8 480%2c428 C 544%2c433.2 576%2c331.6 640%2c351 C 704%2c370.4 736%2c525 800%2c525 C 864%2c525 896%2c359.8 960%2c351 C 1024%2c342.2 1056%2c486.8 1120%2c481 C 1184%2c475.2 1216%2c316 1280%2c322 C 1344%2c328 1408%2c473.2 1440%2c511L1440 560L0 560z' fill='rgba(128%2c 202%2c 214%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask2598'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='50%25' y1='100%25' x2='50%25' y2='0%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2599'%3e%3cstop stop-color='rgba(52%2c 54%2c 54%2c 0.2)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(255%2c 255%2c 255%2c 0.1)' offset='0.06'%3e%3c/stop%3e%3cstop stop-color='rgba(255%2c 255%2c 255%2c 0.1)' offset='0.39'%3e%3c/stop%3e%3cstop stop-color='rgba(255%2c 255%2c 255%2c 0.1)' offset='0.66'%3e%3c/stop%3e%3cstop stop-color='rgba(185%2c 246%2c 255%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");*/
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1550%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='url(%23SvgjsLinearGradient1551)'%3e%3c/rect%3e%3cpath d='M 0%2c45 C 72%2c105.6 216%2c305.4 360%2c348 C 504%2c390.6 576%2c264.6 720%2c258 C 864%2c251.4 936%2c339.2 1080%2c315 C 1224%2c290.8 1368%2c172.6 1440%2c137L1440 560L0 560z' fill='rgba(210%2c 242%2c 247%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1550'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='50%25' y1='100%25' x2='50%25' y2='0%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1551'%3e%3cstop stop-color='rgba(255%2c 255%2c 255%2c 0.04)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(255%2c 255%2c 255%2c 0.1)' offset='0.06'%3e%3c/stop%3e%3cstop stop-color='rgba(255%2c 255%2c 255%2c 0.1)' offset='0.39'%3e%3c/stop%3e%3cstop stop-color='rgba(255%2c 255%2c 255%2c 0.1)' offset='0.66'%3e%3c/stop%3e%3cstop stop-color='rgba(185%2c 246%2c 255%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}

.marketplace-bg-onboard-svg {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='940' height='360' preserveAspectRatio='none' viewBox='0 0 940 360'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1002%26quot%3b)' fill='none'%3e%3crect width='940' height='360' x='0' y='0' fill='rgba(252%2c 165%2c 165%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c422.413C78.379%2c427.821%2c147.159%2c374.045%2c210.613%2c327.72C271.067%2c283.585%2c337.273%2c235.038%2c355.941%2c162.553C373.969%2c92.55%2c327.626%2c25.04%2c306.357%2c-44.047C288.591%2c-101.757%2c275.097%2c-159.085%2c241.481%2c-209.245C204.194%2c-264.883%2c162.716%2c-319.525%2c102.327%2c-348.493C36.218%2c-380.205%2c-40.146%2c-396.856%2c-111.101%2c-378.375C-182.92%2c-359.669%2c-243.964%2c-308.906%2c-285.583%2c-247.459C-324.754%2c-189.626%2c-326.382%2c-117.478%2c-334.777%2c-48.134C-342.982%2c19.644%2c-359.807%2c89.326%2c-334.007%2c152.536C-307.761%2c216.839%2c-246.749%2c256.24%2c-192.727%2c299.89C-132.291%2c348.722%2c-77.515%2c417.064%2c0%2c422.413' fill='%23fb8585'%3e%3c/path%3e%3cpath d='M940 740.294C1009.609 731.367 1060.4180000000001 676.8679999999999 1121.951 643.1220000000001 1189.152 606.267 1276.608 597.064 1318.3609999999999 532.7909999999999 1361.395 466.546 1358.52 379.544 1343.565 301.976 1329.032 226.596 1290.218 157.816 1235.656 103.81299999999999 1183.592 52.28199999999998 1114.28 26.468000000000018 1044.076 5.550999999999988 973.625-15.439000000000021 894.159-51.730999999999995 829.22-17.281000000000006 763.761 17.444999999999993 765.024 111.52799999999999 725.8009999999999 174.396 694.46 224.63 640.678 258.031 622.331 314.326 601.971 376.797 600.065 443.973 617.274 507.384 636.489 578.19 665.87 651.048 725.362 693.983 785.939 737.701 865.902 749.797 940 740.294' fill='%23fdc5c5'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1002'%3e%3crect width='940' height='360' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.marketplace-bg-outlets-svg {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='940' height='360' preserveAspectRatio='none' viewBox='0 0 940 360'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='940' height='360' x='0' y='0' fill='rgba(110%2c 231%2c 183%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c355.976C72.289%2c369.707%2c152.148%2c372.781%2c215.244%2c334.926C278.886%2c296.744%2c323.151%2c226.788%2c336.893%2c153.854C349.587%2c86.485%2c295.379%2c26.788%2c286.102%2c-41.135C276.726%2c-109.782%2c321.119%2c-187.255%2c282.449%2c-244.743C243.81%2c-302.185%2c164.364%2c-319.326%2c95.346%2c-324.719C33.285%2c-329.568%2c-23.651%2c-299.141%2c-80.183%2c-273.079C-129.337%2c-250.418%2c-171.002%2c-219.178%2c-211.493%2c-183.26C-257.923%2c-142.073%2c-315.886%2c-107.4%2c-333.907%2c-48.009C-352.785%2c14.208%2c-340.678%2c84.242%2c-310.063%2c141.601C-280.275%2c197.41%2c-220.447%2c226.076%2c-168.412%2c262.053C-114.448%2c299.363%2c-64.454%2c343.734%2c0%2c355.976' fill='%2357e3ab'%3e%3c/path%3e%3cpath d='M940 748.748C1017.256 743.933 1094.114 741.88 1163.912 708.414 1240.191 671.8399999999999 1316.48 624.8240000000001 1355.26 549.643 1394.747 473.091 1397.2939999999999 380.771 1375.964 297.318 1355.775 218.33 1302.3220000000001 152.697 1240.284 99.80200000000002 1184.205 51.988 1109.9859999999999 41.05099999999999 1042.01 12.584000000000003 963.84-20.151999999999987 893.2909999999999-99.43099999999998 810.785-80.065 728.649-60.785000000000025 684.193 30.11500000000001 646.265 105.477 614.1220000000001 169.344 626.636 242.798 612.972 312.98 598.364 388.01 548.3009999999999 457.102 563.212 532.073 579.496 613.948 625.034 695.876 697.4010000000001 737.491 769.029 778.681 857.533 753.8879999999999 940 748.748' fill='%2385ebc3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='940' height='360' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.marketplace-bg-dashboard-svg {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='940' height='360' preserveAspectRatio='none' viewBox='0 0 940 360'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='940' height='360' x='0' y='0' fill='rgba(103%2c 232%2c 249%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c269.897C50.231%2c267.361%2c95.514%2c241.365%2c135.567%2c210.946C173.372%2c182.234%2c197.057%2c141.787%2c221.927%2c101.351C250.268%2c55.271%2c285.779%2c11.995%2c291.047%2c-41.846C297.064%2c-103.343%2c299.732%2c-178.71%2c253.32%2c-219.503C206.135%2c-260.975%2c128.967%2c-216.433%2c69.47%2c-236.594C5.773%2c-258.179%2c-33.11%2c-349.434%2c-99.564%2c-339.083C-163.816%2c-329.075%2c-190.33%2c-248.79%2c-220.856%2c-191.373C-246.232%2c-143.643%2c-246.547%2c-89.741%2c-259.969%2c-37.378C-275.411%2c22.866%2c-330.711%2c82.668%2c-305.696%2c139.607C-280.746%2c196.398%2c-201.722%2c200.774%2c-144.659%2c225.095C-97.261%2c245.296%2c-51.457%2c272.495%2c0%2c269.897' fill='%234ce4f8'%3e%3c/path%3e%3cpath d='M940 648.5360000000001C996.23 657.047 1057.973 648.533 1103.696 614.716 1148.564 581.532 1156.323 520.107 1181.195 470.15 1207.1109999999999 418.096 1250.346 373.102 1252.909 315.01 1255.694 251.897 1236.726 186.472 1195.838 138.315 1154.787 89.96600000000001 1090.098 73.65300000000002 1030.222 52.733000000000004 967.271 30.738 897.47-17.226999999999975 838.219 13.365999999999985 776.92 45.016999999999996 786.035 136.938 751.488 196.653 725.431 241.692 677.412 270.529 660.894 319.871 642.379 375.176 623.71 440.624 652.913 491.108 682.115 541.59 754.192 541.513 805.328 569.554 851.902 595.094 887.481 640.587 940 648.5360000000001' fill='%2382ecfa'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='940' height='360' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.marketplace-bg-disabled-svg {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='940' height='360' preserveAspectRatio='none' viewBox='0 0 940 360'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='940' height='360' x='0' y='0' fill='rgba(148%2c 163%2c 184%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c239.908C53.707%2c241.588%2c108.601%2c267.12%2c157.832%2c245.591C209.388%2c223.045%2c260.43%2c178.264%2c268.357%2c122.555C276.359%2c66.317%2c206.656%2c27.647%2c196.805%2c-28.296C187.472%2c-81.297%2c248.337%2c-143.998%2c214.109%2c-185.526C180.2%2c-226.667%2c110.834%2c-191.262%2c57.821%2c-196.92C16.43%2c-201.338%2c-22.831%2c-225.413%2c-63.165%2c-215.121C-104.053%2c-204.688%2c-130.588%2c-168.444%2c-162.407%2c-140.727C-199.818%2c-108.138%2c-257.627%2c-87.143%2c-266.185%2c-38.272C-274.718%2c10.461%2c-222.382%2c47.198%2c-203.307%2c92.847C-183.353%2c140.599%2c-193.546%2c205.581%2c-151.612%2c235.913C-109.803%2c266.155%2c-51.575%2c238.295%2c0%2c239.908' fill='%238495ad'%3e%3c/path%3e%3cpath d='M940 622.556C1005.516 623.129 1068.935 679.613 1129.772 655.2909999999999 1191.155 630.751 1226.635 563.034 1246.557 500 1265.311 440.661 1247.118 378.692 1236.578 317.359 1226.333 257.742 1221.968 195.49 1185.884 146.94 1148.404 96.51100000000002 1095.577 48.625 1032.963 43.399 971.738 38.28899999999999 923.38 90.67899999999997 869.691 120.548 828.144 143.662 792.797 171.44 753.835 198.687 700.241 236.168 621.679 249.946 597.674 310.781 573.685 371.576 608.284 439.639 635.268 499.166 662.3109999999999 558.822 691.637 627.409 752.348 651.992 812.248 676.246 875.378 621.991 940 622.556' fill='%23a4b1c3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='940' height='360' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.marketplace-bg-pos-svg {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='940' height='360' preserveAspectRatio='none' viewBox='0 0 940 360'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='940' height='360' x='0' y='0' fill='rgba(249%2c 168%2c 212%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c189.334C36.885%2c181.996%2c75.895%2c187.538%2c108.67%2c169.094C142.528%2c150.04%2c170.135%2c120.403%2c185.724%2c84.817C201.183%2c49.527%2c202.641%2c9.727%2c195.026%2c-28.04C187.681%2c-64.471%2c165.509%2c-94.404%2c143.545%2c-124.383C119.719%2c-156.904%2c99.469%2c-196.014%2c61.676%2c-210.05C23.178%2c-224.347%2c-18.422%2c-208.123%2c-58.561%2c-199.442C-101.819%2c-190.086%2c-156.216%2c-193.623%2c-181.672%2c-157.419C-207.398%2c-120.83%2c-184.586%2c-70.503%2c-180.541%2c-25.958C-177.423%2c8.37%2c-166.274%2c39.377%2c-160.71%2c73.394C-152.655%2c122.641%2c-181%2c189.475%2c-140.531%2c218.67C-100.92%2c247.246%2c-47.904%2c198.864%2c0%2c189.334' fill='%23f789c5'%3e%3c/path%3e%3cpath d='M940 723.8620000000001C1007.749 733.421 1072.17 692.095 1128.068 652.64 1182.2649999999999 614.387 1219.782 560.365 1252.996 502.94100000000003 1289.324 440.132 1344.078 375.091 1329.741 303.964 1315.41 232.869 1234.333 200.504 1181.927 150.369 1135.088 105.56 1101.744 38.528999999999996 1038.315 25.168999999999983 975.489 11.937000000000012 917.933 58.093999999999994 858.441 82.23599999999999 805.23 103.82900000000001 751.3050000000001 121.20500000000001 708.191 159.137 660.364 201.216 618.191 250.31 598.5319999999999 310.904 576.6469999999999 378.358 553.56 459.219 591.365 519.216 629.405 579.586 721.667 567.858 783.204 603.98 841.116 637.9739999999999 873.5070000000001 714.48 940 723.8620000000001' fill='%23fbc7e3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='940' height='360' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.marketplace-bg-preorders-svg {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='940' height='360' preserveAspectRatio='none' viewBox='0 0 940 360'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='940' height='360' x='0' y='0' fill='rgba(216%2c 180%2c 254%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c390.492C73.391%2c394.061%2c146.547%2c362.614%2c202.219%2c314.659C254.424%2c269.691%2c264.072%2c196.218%2c296.26%2c135.297C330.942%2c69.657%2c403.337%2c16.764%2c398.766%2c-57.334C394.179%2c-131.698%2c330.52%2c-189.097%2c273.307%2c-236.822C221.897%2c-279.707%2c158.153%2c-303.102%2c91.978%2c-313.249C31.794%2c-322.477%2c-25.262%2c-299.241%2c-85.701%2c-291.869C-160.512%2c-282.744%2c-247.433%2c-312.742%2c-305.551%2c-264.761C-363.751%2c-216.712%2c-362.993%2c-128.437%2c-374.083%2c-53.785C-385.221%2c21.19%2c-405.325%2c101.911%2c-369.986%2c168.967C-335.075%2c235.212%2c-254.207%2c257.12%2c-189.961%2c295.586C-127.975%2c332.699%2c-72.162%2c386.983%2c0%2c390.492' fill='%23c692fe'%3e%3c/path%3e%3cpath d='M940 579.407C980.527 573.8969999999999 1015.249 552.704 1050.339 531.691 1086.566 509.997 1124.277 489.952 1147.868 454.93 1174.02 416.106 1189.429 370.827 1190.224 324.023 1191.107 271.994 1185.811 215.84 1152.608 175.774 1119.202 135.463 1064.062 123.15299999999999 1013.263 110.488 964.219 98.26100000000002 914.256 93.40800000000002 864.84 104.029 812.673 115.24100000000001 748.54 125.399 723.838 172.695 698.5 221.209 740.712 277.568 745.736 332.069 749.332 371.079 738.924 409.343 749.139 447.163 760.811 490.378 771.737 539.0740000000001 808.532 564.568 845.531 590.204 895.397 585.471 940 579.407' fill='%23ead6ff'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='940' height='360' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.marketplace-bg-trending-svg {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='940' height='360' preserveAspectRatio='none' viewBox='0 0 940 360'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1001%26quot%3b)' fill='none'%3e%3crect width='940' height='360' x='0' y='0' fill='rgba(165%2c 180%2c 252%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c390.492C73.391%2c394.061%2c146.547%2c362.614%2c202.219%2c314.659C254.424%2c269.691%2c264.072%2c196.218%2c296.26%2c135.297C330.942%2c69.657%2c403.337%2c16.764%2c398.766%2c-57.334C394.179%2c-131.698%2c330.52%2c-189.097%2c273.307%2c-236.822C221.897%2c-279.707%2c158.153%2c-303.102%2c91.978%2c-313.249C31.794%2c-322.477%2c-25.262%2c-299.241%2c-85.701%2c-291.869C-160.512%2c-282.744%2c-247.433%2c-312.742%2c-305.551%2c-264.761C-363.751%2c-216.712%2c-362.993%2c-128.437%2c-374.083%2c-53.785C-385.221%2c21.19%2c-405.325%2c101.911%2c-369.986%2c168.967C-335.075%2c235.212%2c-254.207%2c257.12%2c-189.961%2c295.586C-127.975%2c332.699%2c-72.162%2c386.983%2c0%2c390.492' fill='%238599fb'%3e%3c/path%3e%3cpath d='M940 579.407C980.527 573.8969999999999 1015.249 552.704 1050.339 531.691 1086.566 509.997 1124.277 489.952 1147.868 454.93 1174.02 416.106 1189.429 370.827 1190.224 324.023 1191.107 271.994 1185.811 215.84 1152.608 175.774 1119.202 135.463 1064.062 123.15299999999999 1013.263 110.488 964.219 98.26100000000002 914.256 93.40800000000002 864.84 104.029 812.673 115.24100000000001 748.54 125.399 723.838 172.695 698.5 221.209 740.712 277.568 745.736 332.069 749.332 371.079 738.924 409.343 749.139 447.163 760.811 490.378 771.737 539.0740000000001 808.532 564.568 845.531 590.204 895.397 585.471 940 579.407' fill='%23c5cffd'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1001'%3e%3crect width='940' height='360' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.marketplace-bg-feedback-svg {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='940' height='360' preserveAspectRatio='none' viewBox='0 0 940 360'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1003%26quot%3b)' fill='none'%3e%3crect width='940' height='360' x='0' y='0' fill='rgba(253%2c 164%2c 175%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c390.492C73.391%2c394.061%2c146.547%2c362.614%2c202.219%2c314.659C254.424%2c269.691%2c264.072%2c196.218%2c296.26%2c135.297C330.942%2c69.657%2c403.337%2c16.764%2c398.766%2c-57.334C394.179%2c-131.698%2c330.52%2c-189.097%2c273.307%2c-236.822C221.897%2c-279.707%2c158.153%2c-303.102%2c91.978%2c-313.249C31.794%2c-322.477%2c-25.262%2c-299.241%2c-85.701%2c-291.869C-160.512%2c-282.744%2c-247.433%2c-312.742%2c-305.551%2c-264.761C-363.751%2c-216.712%2c-362.993%2c-128.437%2c-374.083%2c-53.785C-385.221%2c21.19%2c-405.325%2c101.911%2c-369.986%2c168.967C-335.075%2c235.212%2c-254.207%2c257.12%2c-189.961%2c295.586C-127.975%2c332.699%2c-72.162%2c386.983%2c0%2c390.492' fill='%23fc8392'%3e%3c/path%3e%3cpath d='M940 579.407C980.527 573.8969999999999 1015.249 552.704 1050.339 531.691 1086.566 509.997 1124.277 489.952 1147.868 454.93 1174.02 416.106 1189.429 370.827 1190.224 324.023 1191.107 271.994 1185.811 215.84 1152.608 175.774 1119.202 135.463 1064.062 123.15299999999999 1013.263 110.488 964.219 98.26100000000002 914.256 93.40800000000002 864.84 104.029 812.673 115.24100000000001 748.54 125.399 723.838 172.695 698.5 221.209 740.712 277.568 745.736 332.069 749.332 371.079 738.924 409.343 749.139 447.163 760.811 490.378 771.737 539.0740000000001 808.532 564.568 845.531 590.204 895.397 585.471 940 579.407' fill='%23fec5cc'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1003'%3e%3crect width='940' height='360' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.marketplace-bg-check-in-svg {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='940' height='360' preserveAspectRatio='none' viewBox='0 0 940 360'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='940' height='360' x='0' y='0' fill='rgba(190%2c 242%2c 100%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c234.365C43.066%2c232.218%2c68.101%2c185.691%2c105.049%2c163.46C143.539%2c140.301%2c205.704%2c143.202%2c221.441%2c101.129C237.464%2c58.293%2c181.697%2c20.079%2c175.636%2c-25.253C169.476%2c-71.326%2c210.503%2c-121.753%2c186.332%2c-161.457C162.635%2c-200.383%2c106.876%2c-202.923%2c62.151%2c-211.667C20.812%2c-219.749%2c-24.08%2c-228.996%2c-61.643%2c-209.937C-97.677%2c-191.654%2c-105.805%2c-145.11%2c-131.112%2c-113.609C-155.144%2c-83.696%2c-199.561%2c-67.431%2c-206.454%2c-29.684C-213.358%2c8.123%2c-181.824%2c40.787%2c-165.675%2c75.661C-149.623%2c110.325%2c-139.59%2c147.857%2c-112.004%2c174.282C-80.777%2c204.195%2c-43.189%2c236.518%2c0%2c234.365' fill='%23b3f04b'%3e%3c/path%3e%3cpath d='M940 669.287C996.0840000000001 681.244 1047.056 632.163 1092.113 596.692 1133.94 563.764 1163.482 520.463 1188.636 473.548 1215.314 423.79200000000003 1246.925 372.801 1242.325 316.532 1237.622 259.012 1204.056 207.398 1163.518 166.321 1124.54 126.82499999999999 1074.077 98.37 1019.1610000000001 90.40300000000002 967.908 82.96699999999998 918.215 103.32999999999998 870.655 123.83099999999999 827.815 142.298 794.881 173.518 758.5260000000001 202.752 713.559 238.911 638.4580000000001 258.378 632.0260000000001 315.72 625.539 373.554 692.197 411.712 730.138 455.841 758.139 488.409 794.436 509.02 824.548 539.646 865.956 581.761 882.236 656.972 940 669.287' fill='%23c9f47d'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='940' height='360' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.marketplace-bg-influencing-svg {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='940' height='360' preserveAspectRatio='none' viewBox='0 0 940 360'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1003%26quot%3b)' fill='none'%3e%3crect width='940' height='360' x='0' y='0' fill='rgba(253%2c 224%2c 71%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c234.365C43.066%2c232.218%2c68.101%2c185.691%2c105.049%2c163.46C143.539%2c140.301%2c205.704%2c143.202%2c221.441%2c101.129C237.464%2c58.293%2c181.697%2c20.079%2c175.636%2c-25.253C169.476%2c-71.326%2c210.503%2c-121.753%2c186.332%2c-161.457C162.635%2c-200.383%2c106.876%2c-202.923%2c62.151%2c-211.667C20.812%2c-219.749%2c-24.08%2c-228.996%2c-61.643%2c-209.937C-97.677%2c-191.654%2c-105.805%2c-145.11%2c-131.112%2c-113.609C-155.144%2c-83.696%2c-199.561%2c-67.431%2c-206.454%2c-29.684C-213.358%2c8.123%2c-181.824%2c40.787%2c-165.675%2c75.661C-149.623%2c110.325%2c-139.59%2c147.857%2c-112.004%2c174.282C-80.777%2c204.195%2c-43.189%2c236.518%2c0%2c234.365' fill='%23fddc2d'%3e%3c/path%3e%3cpath d='M940 669.287C996.0840000000001 681.244 1047.056 632.163 1092.113 596.692 1133.94 563.764 1163.482 520.463 1188.636 473.548 1215.314 423.79200000000003 1246.925 372.801 1242.325 316.532 1237.622 259.012 1204.056 207.398 1163.518 166.321 1124.54 126.82499999999999 1074.077 98.37 1019.1610000000001 90.40300000000002 967.908 82.96699999999998 918.215 103.32999999999998 870.655 123.83099999999999 827.815 142.298 794.881 173.518 758.5260000000001 202.752 713.559 238.911 638.4580000000001 258.378 632.0260000000001 315.72 625.539 373.554 692.197 411.712 730.138 455.841 758.139 488.409 794.436 509.02 824.548 539.646 865.956 581.761 882.236 656.972 940 669.287' fill='%23fde461'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1003'%3e%3crect width='940' height='360' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@keyframes waves {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.waves:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, transparent, #fff, transparent);
    animation: waves 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

#search-icon {
    transition: all 0.2s ease-in-out;
}

/* Data Table */

#agents-table_paginate {
    /*  This is the pagination wrapper  */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: .875rem;
    /* style the middle part of the pagination excluding the previous and next buttons */
}

.dataTables_paginate > a.paginate_button:first-of-type {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: .875rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: hsl(var(--p) / var(--tw-text-opacity));
}

.dataTables_paginate > a.paginate_button:first-of-type:first-child {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 0px;
    border-left-width: 1px;
}

.dataTables_paginate > a.paginate_button:first-of-type:hover {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--p) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dataTables_paginate > a.paginate_button:first-of-type:focus {
    z-index: 10;
    --tw-text-opacity: 1;
    color: hsl(var(--p) / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: hsl(var(--p) / var(--tw-ring-opacity));
}

.dataTables_paginate > a.paginate_button:last-of-type {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: .875rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: hsl(var(--p) / var(--tw-text-opacity));
}

.dataTables_paginate > a.paginate_button:last-of-type:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 1px;
}

.dataTables_paginate > a.paginate_button:last-of-type:hover {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--p) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dataTables_paginate > a.paginate_button:last-of-type:focus {
    z-index: 10;
    --tw-text-opacity: 1;
    color: hsl(var(--p) / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: hsl(var(--p) / var(--tw-ring-opacity));
}

.dataTables_paginate > span > a.paginate_button {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--p) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: .875rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: hsl(var(--p) / var(--tw-text-opacity));
}

.dataTables_paginate > span > a.paginate_button:hover {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--p) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dataTables_paginate > span > a.paginate_button:focus {
    z-index: 10;
    --tw-text-opacity: 1;
    color: hsl(var(--p) / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: hsl(var(--p) / var(--tw-ring-opacity));
}

.dataTables_paginate > span > a.paginate_button.current {
    border-width: 1px;
    --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));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: .875rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dataTables_paginate > span > a.paginate_button.current:hover {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--p) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dataTables_paginate > span > a.paginate_button.current:focus {
    z-index: 10;
    --tw-text-opacity: 1;
    color: hsl(var(--p) / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: hsl(var(--p) / var(--tw-ring-opacity));
}

@media (min-width: 768px) {

    .md\:btn-sm {
        height: 2rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        min-height: 2rem;
        font-size: 0.875rem;
    }

    .md\:btn-md {
        height: 3rem;
        padding-left: 1rem;
        padding-right: 1rem;
        min-height: 3rem;
        font-size: 0.875rem;
    }

    .md\:btn-block {
        width: 100%;
    }

    .btn-square:where(.md\:btn-sm) {
        height: 2rem;
        width: 2rem;
        padding: 0px;
    }

    .btn-square:where(.md\:btn-md) {
        height: 3rem;
        width: 3rem;
        padding: 0px;
    }

    .btn-circle:where(.md\:btn-sm) {
        height: 2rem;
        width: 2rem;
        border-radius: 9999px;
        padding: 0px;
    }

    .btn-circle:where(.md\:btn-md) {
        height: 3rem;
        width: 3rem;
        border-radius: 9999px;
        padding: 0px;
    }

    .toast:where(.md\:toast-end) {
        left: auto;
        right: 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));
    }

    .toast:where(.md\:toast-top) {
        bottom: auto;
        top: 0px;
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

@media (min-width: 1024px) {

    .lg\:btn-md {
        height: 3rem;
        padding-left: 1rem;
        padding-right: 1rem;
        min-height: 3rem;
        font-size: 0.875rem;
    }

    .btn-square:where(.lg\:btn-md) {
        height: 3rem;
        width: 3rem;
        padding: 0px;
    }

    .btn-circle:where(.lg\:btn-md) {
        height: 3rem;
        width: 3rem;
        border-radius: 9999px;
        padding: 0px;
    }
}

.before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
}

.before\:-left-\[15px\]::before {
    content: var(--tw-content);
    left: -15px;
}

.before\:top-\[19px\]::before {
    content: var(--tw-content);
    top: 19px;
}

.before\:z-10::before {
    content: var(--tw-content);
    z-index: 10;
}

.before\:h-2::before {
    content: var(--tw-content);
    height: 0.5rem;
}

.before\:w-2::before {
    content: var(--tw-content);
    width: 0.5rem;
}

.before\:rounded-full::before {
    content: var(--tw-content);
    border-radius: 9999px;
}

.before\:bg-cyan-400::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(34 211 238 / var(--tw-bg-opacity));
}

.before\:bg-cyan-600::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(8 145 178 / var(--tw-bg-opacity));
}

.after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
}

.after\:-left-3::after {
    content: var(--tw-content);
    left: -0.75rem;
}

.after\:bottom-0::after {
    content: var(--tw-content);
    bottom: 0px;
}

.after\:bottom-0\.5::after {
    content: var(--tw-content);
    bottom: 0.125rem;
}

.after\:left-\[2px\]::after {
    content: var(--tw-content);
    left: 2px;
}

.after\:top-0::after {
    content: var(--tw-content);
    top: 0px;
}

.after\:top-0\.5::after {
    content: var(--tw-content);
    top: 0.125rem;
}

.after\:top-5::after {
    content: var(--tw-content);
    top: 1.25rem;
}

.after\:ml-0::after {
    content: var(--tw-content);
    margin-left: 0px;
}

.after\:ml-0\.5::after {
    content: var(--tw-content);
    margin-left: 0.125rem;
}

.after\:inline-block::after {
    content: var(--tw-content);
    display: inline-block;
}

.after\:h-1::after {
    content: var(--tw-content);
    height: 0.25rem;
}

.after\:h-5::after {
    content: var(--tw-content);
    height: 1.25rem;
}

.after\:h-\[52px\]::after {
    content: var(--tw-content);
    height: 52px;
}

.after\:w-5::after {
    content: var(--tw-content);
    width: 1.25rem;
}

.after\:w-\[2px\]::after {
    content: var(--tw-content);
    width: 2px;
}

.after\:w-full::after {
    content: var(--tw-content);
    width: 100%;
}

.after\:rounded-full::after {
    content: var(--tw-content);
    border-radius: 9999px;
}

.after\:border::after {
    content: var(--tw-content);
    border-width: 1px;
}

.after\:border-4::after {
    content: var(--tw-content);
    border-width: 4px;
}

.after\:border-b::after {
    content: var(--tw-content);
    border-bottom-width: 1px;
}

.after\:border-cyan-200::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(165 243 252 / var(--tw-border-opacity));
}

.after\:border-gray-200::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.after\:border-teal-300::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(126 220 226 / var(--tw-border-opacity));
}

.after\:bg-cyan-400::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(34 211 238 / var(--tw-bg-opacity));
}

.after\:bg-white::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.after\:font-bold::after {
    content: var(--tw-content);
    font-weight: 700;
}

.after\:text-red-500::after {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(240 82 82 / var(--tw-text-opacity));
}

.after\:transition-all::after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);
}

.after\:content-\[\'\*\'\]::after {
    --tw-content: '*';
    content: var(--tw-content);
}

.first\:mt-0:first-child {
    margin-top: 0px;
}

.last\:border-b-0:last-child {
    border-bottom-width: 0px;
}

.last\:after\:bottom-0:last-child::after {
    content: var(--tw-content);
    bottom: 0px;
}

.last\:after\:left-0:last-child::after {
    content: var(--tw-content);
    left: 0px;
}

.last\:after\:top-0:last-child::after {
    content: var(--tw-content);
    top: 0px;
}

.last\:after\:h-0:last-child::after {
    content: var(--tw-content);
    height: 0px;
}

.last\:after\:w-0:last-child::after {
    content: var(--tw-content);
    width: 0px;
}

.odd\:bg-white:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.even\:bg-slate-50:nth-child(even) {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.odd\:bg-yellow-100:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}

.odd\:bg-yellow-200:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}

.odd\:bg-yellow-300:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(254 220 130 / var(--tw-bg-opacity));
}

.odd\:bg-yellow-400:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(253 200 60 / var(--tw-bg-opacity));
}

.even\:bg-yellow-100:nth-child(even) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}

.even\:bg-yellow-200:nth-child(even) {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}

.even\:bg-yellow-300:nth-child(even) {
    --tw-bg-opacity: 1;
    background-color: rgb(254 220 130 / var(--tw-bg-opacity));
}

.even\:bg-yellow-400:nth-child(even) {
    --tw-bg-opacity: 1;
    background-color: rgb(253 200 60 / var(--tw-bg-opacity));
}

.focus-within\:text-gray-600:focus-within {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}

.hover\:-translate-y-0:hover {
    --tw-translate-y: -0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:-translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem;
    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));
}

.hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.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));
}

.hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.hover\:bg-amber-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}

.hover\:bg-blue-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(225 239 254 / var(--tw-bg-opacity));
}

.hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(28 100 242 / var(--tw-bg-opacity));
}

.hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}

.hover\:bg-blue-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 66 159 / var(--tw-bg-opacity));
}

.hover\:bg-cyan-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(207 250 254 / var(--tw-bg-opacity));
}

.hover\:bg-cyan-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(165 243 252 / var(--tw-bg-opacity));
}

.hover\:bg-cyan-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(103 232 249 / var(--tw-bg-opacity));
}

.hover\:bg-cyan-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212 / var(--tw-bg-opacity));
}

.hover\:bg-cyan-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(8 145 178 / var(--tw-bg-opacity));
}

.hover\:bg-cyan-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(14 116 144 / var(--tw-bg-opacity));
}

.hover\:bg-cyan-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(21 94 117 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(4 120 87 / 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-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.hover\:bg-gray-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.hover\:bg-green-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(188 240 218 / var(--tw-bg-opacity));
}

.hover\:bg-green-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(5 122 85 / var(--tw-bg-opacity));
}

.hover\:bg-green-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(4 108 78 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(88 80 236 / var(--tw-bg-opacity));
}

.hover\:bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--p) / var(--tw-bg-opacity));
}

.hover\:bg-red-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(253 232 232 / var(--tw-bg-opacity));
}

.hover\:bg-red-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(251 213 213 / var(--tw-bg-opacity));
}

.hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(224 36 36 / var(--tw-bg-opacity));
}

.hover\:bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}

.hover\:bg-sky-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(56 189 248 / var(--tw-bg-opacity));
}

.hover\:bg-sky-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(3 105 161 / var(--tw-bg-opacity));
}

.hover\:bg-soko-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(79 169 184 / var(--tw-bg-opacity));
}

.hover\:bg-soko-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(68 152 166 / var(--tw-bg-opacity));
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:font-semibold:hover {
    font-weight: 600;
}

.hover\:text-blue-500:hover {
    --tw-text-opacity: 1;
    color: rgb(63 131 248 / var(--tw-text-opacity));
}

.hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(28 100 242 / var(--tw-text-opacity));
}

.hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgb(26 86 219 / var(--tw-text-opacity));
}

.hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgb(30 66 159 / var(--tw-text-opacity));
}

.hover\:text-blue-900:hover {
    --tw-text-opacity: 1;
    color: rgb(35 56 118 / var(--tw-text-opacity));
}

.hover\:text-cyan-100:hover {
    --tw-text-opacity: 1;
    color: rgb(207 250 254 / var(--tw-text-opacity));
}

.hover\:text-cyan-500:hover {
    --tw-text-opacity: 1;
    color: rgb(6 182 212 / var(--tw-text-opacity));
}

.hover\:text-cyan-700:hover {
    --tw-text-opacity: 1;
    color: rgb(14 116 144 / var(--tw-text-opacity));
}

.hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
}

.hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}

.hover\:text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}

.hover\:text-green-900:hover {
    --tw-text-opacity: 1;
    color: rgb(1 71 55 / var(--tw-text-opacity));
}

.hover\:text-purple-600:hover {
    --tw-text-opacity: 1;
    color: rgb(126 58 242 / var(--tw-text-opacity));
}

.hover\:text-red-500:hover {
    --tw-text-opacity: 1;
    color: rgb(240 82 82 / var(--tw-text-opacity));
}

.hover\:text-red-700:hover {
    --tw-text-opacity: 1;
    color: rgb(200 30 30 / var(--tw-text-opacity));
}

.hover\:text-red-900:hover {
    --tw-text-opacity: 1;
    color: rgb(119 29 29 / var(--tw-text-opacity));
}

.hover\:text-soko-600:hover {
    --tw-text-opacity: 1;
    color: rgb(79 169 184 / var(--tw-text-opacity));
}

.hover\:text-soko-700:hover {
    --tw-text-opacity: 1;
    color: rgb(68 152 166 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:underline:hover {
    text-decoration-line: underline;
}

.hover\:no-underline:hover {
    text-decoration-line: none;
}

.hover\:shadow-2xl:hover {
    --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);
}

.hover\:shadow-lg:hover {
    --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);
}

.hover\:shadow-sm:hover {
    --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);
}

.hover\:ring-4:hover {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hover\:drop-shadow-lg:hover {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
    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);
}

.hover\:drop-shadow-md:hover {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.hover\:ease-in-out:hover {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.odd\:hover\:bg-gray-100:hover:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.even\:hover\:bg-slate-100:hover:nth-child(even) {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.focus\:z-10:focus {
    z-index: 10;
}

.focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(63 131 248 / var(--tw-border-opacity));
}

.focus\:border-cyan-400:focus {
    --tw-border-opacity: 1;
    border-color: rgb(34 211 238 / var(--tw-border-opacity));
}

.focus\:border-cyan-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(6 182 212 / var(--tw-border-opacity));
}

.focus\:border-cyan-600:focus {
    --tw-border-opacity: 1;
    border-color: rgb(8 145 178 / var(--tw-border-opacity));
}

.focus\:border-gray-200:focus {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.focus\:border-indigo-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(104 117 245 / var(--tw-border-opacity));
}

.focus\:border-pink-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(231 70 148 / var(--tw-border-opacity));
}

.focus\:border-pink-600:focus {
    --tw-border-opacity: 1;
    border-color: rgb(214 31 105 / var(--tw-border-opacity));
}

.focus\:bg-cyan-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(207 250 254 / var(--tw-bg-opacity));
}

.focus\:text-primary:focus {
    --tw-text-opacity: 1;
    color: hsl(var(--p) / 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-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-1:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-4: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-blue-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}

.focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}

.focus\:ring-cyan-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(165 243 252 / var(--tw-ring-opacity));
}

.focus\:ring-cyan-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity));
}

.focus\:ring-cyan-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity));
}

.focus\:ring-gray-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
}

.focus\:ring-gray-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}

.focus\:ring-green-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(49 196 141 / var(--tw-ring-opacity));
}

.focus\:ring-green-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(5 122 85 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(104 117 245 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(88 80 236 / var(--tw-ring-opacity));
}

.focus\:ring-pink-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(231 70 148 / var(--tw-ring-opacity));
}

.focus\:ring-pink-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(214 31 105 / var(--tw-ring-opacity));
}

.focus\:ring-primary:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: hsl(var(--p) / var(--tw-ring-opacity));
}

.focus\:ring-red-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity));
}

.focus\:ring-red-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity));
}

.focus\:ring-red-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(224 36 36 / var(--tw-ring-opacity));
}

.focus\:ring-sky-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
}

.focus\:ring-soko-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(89 186 202 / var(--tw-ring-opacity));
}

.focus\:ring-teal-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(6 148 162 / var(--tw-ring-opacity));
}

.focus\:ring-opacity-50:focus {
    --tw-ring-opacity: 0.5;
}

.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
}

.focus\:drop-shadow-md:focus {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.focus-visible\:bg-green-500:focus-visible {
    --tw-bg-opacity: 1;
    background-color: rgb(14 159 110 / var(--tw-bg-opacity));
}

.focus-visible\:outline:focus-visible {
    outline-style: solid;
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px;
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
}

.focus-visible\:outline-offset-\[-4px\]:focus-visible {
    outline-offset: -4px;
}

.focus-visible\:outline-amber-600:focus-visible {
    outline-color: #d97706;
}

.focus-visible\:outline-emerald-600:focus-visible {
    outline-color: #059669;
}

.focus-visible\:outline-red-600:focus-visible {
    outline-color: #E02424;
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-cyan-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity));
}

.focus-visible\:ring-emerald-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity));
}

.focus-visible\:ring-sky-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
}

.active\:ring-cyan-300:active {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity));
}

.group\/feat-prod:hover .group-hover\/feat-prod\:block {
    display: block;
}

.group\/view-manu:hover .group-hover\/view-manu\:translate-x-0 {
    --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));
}

.group\/view-manu:hover .group-hover\/view-manu\:translate-x-0\.5 {
    --tw-translate-x: 0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:-translate-x-1 {
    --tw-translate-x: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-1 {
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/feat-prod:hover .group-hover\/feat-prod\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/product:hover .group-hover\/product\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgb(28 100 242 / var(--tw-border-opacity));
}

.group:hover .group-hover\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.group\/menu:hover .group-hover\/menu\:text-cyan-100 {
    --tw-text-opacity: 1;
    color: rgb(207 250 254 / var(--tw-text-opacity));
}

.group\/menu:hover .group-hover\/menu\:text-cyan-50 {
    --tw-text-opacity: 1;
    color: rgb(236 254 255 / var(--tw-text-opacity));
}

.group\/parent:hover .group-hover\/parent\:text-soko-600 {
    --tw-text-opacity: 1;
    color: rgb(79 169 184 / var(--tw-text-opacity));
}

.group\/parent:hover .group-hover\/parent\:text-soko-700 {
    --tw-text-opacity: 1;
    color: rgb(68 152 166 / var(--tw-text-opacity));
}

.group\/root:hover .group-hover\/root\:text-soko-600 {
    --tw-text-opacity: 1;
    color: rgb(79 169 184 / var(--tw-text-opacity));
}

.group\/root:hover .group-hover\/root\:text-soko-700 {
    --tw-text-opacity: 1;
    color: rgb(68 152 166 / var(--tw-text-opacity));
}

.group\/stat:hover .group-hover\/stat\:text-emerald-100 {
    --tw-text-opacity: 1;
    color: rgb(209 250 229 / var(--tw-text-opacity));
}

.group\/stat:hover .group-hover\/stat\:text-purple-100 {
    --tw-text-opacity: 1;
    color: rgb(237 235 254 / var(--tw-text-opacity));
}

.group\/stat:hover .group-hover\/stat\:text-red-100 {
    --tw-text-opacity: 1;
    color: rgb(253 232 232 / var(--tw-text-opacity));
}

.group\/stat:hover .group-hover\/stat\:text-sky-100 {
    --tw-text-opacity: 1;
    color: rgb(224 242 254 / var(--tw-text-opacity));
}

.group\/stat:hover .group-hover\/stat\:text-zinc-700 {
    --tw-text-opacity: 1;
    color: rgb(63 63 70 / var(--tw-text-opacity));
}

.group\/view-manu:hover .group-hover\/view-manu\:text-neutral {
    --tw-text-opacity: 1;
    color: hsl(var(--n) / var(--tw-text-opacity));
}

.group\/view-manu:hover .group-hover\/view-manu\:text-secondary {
    --tw-text-opacity: 1;
    color: hsl(var(--s) / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(6 182 212 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.peer:checked ~ .peer-checked\:flex {
    display: flex;
}

.peer:checked ~ .peer-checked\:bg-cyan-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(8 145 178 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:bg-teal-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(4 116 129 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.peer:checked ~ .peer-checked\:after\:translate-x-full::after {
    content: var(--tw-content);
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked ~ .peer-checked\:after\:border-white::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\: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));
}

.peer:placeholder-shown ~ .peer-placeholder-shown\: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));
}

.peer:focus ~ .peer-focus\:left-2 {
    left: 0.5rem;
}

.peer:focus ~ .peer-focus\:-translate-y-2 {
    --tw-translate-y: -0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:-translate-y-4 {
    --tw-translate-y: -1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:font-medium {
    font-weight: 500;
}

.peer:focus ~ .peer-focus\:text-cyan-600 {
    --tw-text-opacity: 1;
    color: rgb(8 145 178 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:ring-4 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer:focus ~ .peer-focus\:ring-teal-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(126 220 226 / var(--tw-ring-opacity));
}

:is([dir="rtl"] .rtl\:rotate-180) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

:is(.dark .dark\:divide-gray-600) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-divide-opacity));
}

:is(.dark .dark\:divide-gray-700) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-divide-opacity));
}

:is(.dark .dark\:border-blue-500) {
    --tw-border-opacity: 1;
    border-color: rgb(63 131 248 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-gray-500) {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-gray-600) {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-gray-700) {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-gray-800) {
    --tw-border-opacity: 1;
    border-color: rgb(31 41 55 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-transparent) {
    border-color: transparent;
}

:is(.dark .dark\:bg-blue-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(28 100 242 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-cyan-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(8 145 178 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-700) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-800) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-800\/50) {
    background-color: rgb(31 41 55 / 0.5);
}

:is(.dark .dark\:bg-gray-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-900\/80) {
    background-color: rgb(17 24 39 / 0.8);
}

:is(.dark .dark\:bg-slate-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-teal-700) {
    --tw-bg-opacity: 1;
    background-color: rgb(3 102 114 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-opacity-80) {
    --tw-bg-opacity: 0.8;
}

:is(.dark .dark\:text-blue-500) {
    --tw-text-opacity: 1;
    color: rgb(63 131 248 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-100) {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-200) {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-300) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-400) {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-500) {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-green-400) {
    --tw-text-opacity: 1;
    color: rgb(49 196 141 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-pink-500) {
    --tw-text-opacity: 1;
    color: rgb(231 70 148 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-red-400) {
    --tw-text-opacity: 1;
    color: rgb(249 128 128 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-teal-300) {
    --tw-text-opacity: 1;
    color: rgb(126 220 226 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-white) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .dark\:placeholder-gray-400)::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

:is(.dark .dark\:placeholder-gray-400)::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

:is(.dark .dark\:hover\:bg-blue-700:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-cyan-700:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(14 116 144 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-gray-600:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-gray-700:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:bg-gray-800:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

:is(.dark .dark\:hover\:text-blue-500:hover) {
    --tw-text-opacity: 1;
    color: rgb(63 131 248 / var(--tw-text-opacity));
}

:is(.dark .dark\:hover\:text-gray-300:hover) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
}

:is(.dark .dark\:hover\:text-white:hover) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .dark\:focus\:border-blue-500:focus) {
    --tw-border-opacity: 1;
    border-color: rgb(63 131 248 / var(--tw-border-opacity));
}

:is(.dark .dark\:focus\:ring-blue-500:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-blue-800:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity));
}

:is(.dark .dark\:focus\:ring-gray-600:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
}

.peer:focus ~ :is(.dark .peer-focus\:dark\:text-cyan-500) {
    --tw-text-opacity: 1;
    color: rgb(6 182 212 / var(--tw-text-opacity));
}

@media (min-width: 640px) {

    .sm\:order-first {
        order: -9999;
    }

    .sm\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .sm\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .sm\:my-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .sm\:my-10 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .sm\:mb-2 {
        margin-bottom: 0.5rem;
    }

    .sm\:ml-2 {
        margin-left: 0.5rem;
    }

    .sm\:ml-auto {
        margin-left: auto;
    }

    .sm\:mr-2 {
        margin-right: 0.5rem;
    }

    .sm\:mt-0 {
        margin-top: 0px;
    }

    .sm\:mt-12 {
        margin-top: 3rem;
    }

    .sm\:block {
        display: block;
    }

    .sm\:inline {
        display: inline;
    }

    .sm\:flex {
        display: flex;
    }

    .sm\:inline-flex {
        display: inline-flex;
    }

    .sm\:grid {
        display: grid;
    }

    .sm\:hidden {
        display: none;
    }

    .sm\:h-full {
        height: 100%;
    }

    .sm\:w-9\/12 {
        width: 75%;
    }

    .sm\:w-full {
        width: 100%;
    }

    .sm\:max-w-sm {
        max-width: 24rem;
    }

    .sm\:flex-grow {
        flex-grow: 1;
    }

    .sm\:basis-1\/2 {
        flex-basis: 50%;
    }

    .sm\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .sm\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .sm\:flex-row {
        flex-direction: row;
    }

    .sm\:flex-col {
        flex-direction: column;
    }

    .sm\:flex-wrap {
        flex-wrap: wrap;
    }

    .sm\:flex-nowrap {
        flex-wrap: nowrap;
    }

    .sm\:items-start {
        align-items: flex-start;
    }

    .sm\:items-center {
        align-items: center;
    }

    .sm\:justify-start {
        justify-content: flex-start;
    }

    .sm\:justify-end {
        justify-content: flex-end;
    }

    .sm\:justify-between {
        justify-content: space-between;
    }

    .sm\:gap-2 {
        gap: 0.5rem;
    }

    .sm\:gap-3 {
        gap: 0.75rem;
    }

    .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }

    .sm\: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));
    }

    .sm\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
    }

    .sm\:rounded-2xl {
        border-radius: 1rem;
    }

    .sm\:rounded-lg {
        border-radius: 0.5rem;
    }

    .sm\:border-b-0 {
        border-bottom-width: 0px;
    }

    .sm\:border-r {
        border-right-width: 1px;
    }

    .sm\:p-1 {
        padding: 0.25rem;
    }

    .sm\:p-1\.5 {
        padding: 0.375rem;
    }

    .sm\:p-10 {
        padding: 2.5rem;
    }

    .sm\:p-2 {
        padding: 0.5rem;
    }

    .sm\:p-4 {
        padding: 1rem;
    }

    .sm\:p-6 {
        padding: 1.5rem;
    }

    .sm\:p-8 {
        padding: 2rem;
    }

    .sm\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .sm\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .sm\:px-3\.5 {
        padding-left: 0.875rem;
        padding-right: 0.875rem;
    }

    .sm\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .sm\:pb-1 {
        padding-bottom: 0.25rem;
    }

    .sm\:pt-3 {
        padding-top: 0.75rem;
    }

    .sm\:text-left {
        text-align: left;
    }

    .sm\:text-end {
        text-align: end;
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .sm\:text-sm {
        font-size: .875rem;
    }

    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .sm\:before\:flex-1::before {
        content: var(--tw-content);
        flex: 1 1 0%;
    }
}

@media (min-width: 768px) {

    .md\:absolute {
        position: absolute;
    }

    .md\:inset-0 {
        inset: 0px;
    }

    .md\:bottom-7 {
        bottom: 1.75rem;
    }

    .md\:order-2 {
        order: 2;
    }

    .md\:order-3 {
        order: 3;
    }

    .md\:order-none {
        order: 0;
    }

    .md\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .md\:m-auto {
        margin: auto;
    }

    .md\:mx-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .md\:my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .md\:mb-0 {
        margin-bottom: 0px;
    }

    .md\:mb-1 {
        margin-bottom: 0.25rem;
    }

    .md\:mb-4 {
        margin-bottom: 1rem;
    }

    .md\:ml-0 {
        margin-left: 0px;
    }

    .md\:ml-2 {
        margin-left: 0.5rem;
    }

    .md\:ml-5 {
        margin-left: 1.25rem;
    }

    .md\:mr-2 {
        margin-right: 0.5rem;
    }

    .md\:mr-5 {
        margin-right: 1.25rem;
    }

    .md\:mt-0 {
        margin-top: 0px;
    }

    .md\:mt-8 {
        margin-top: 2rem;
    }

    .md\:block {
        display: block;
    }

    .md\:flex {
        display: flex;
    }

    .md\:hidden {
        display: none;
    }

    .md\:h-36 {
        height: 9rem;
    }

    .md\:h-40 {
        height: 10rem;
    }

    .md\:h-48 {
        height: 12rem;
    }

    .md\:h-56 {
        height: 14rem;
    }

    .md\:h-96 {
        height: 24rem;
    }

    .md\:h-auto {
        height: auto;
    }

    .md\:w-1\/2 {
        width: 50%;
    }

    .md\:w-1\/3 {
        width: 33.333333%;
    }

    .md\:w-10\/12 {
        width: 83.333333%;
    }

    .md\:w-11\/12 {
        width: 91.666667%;
    }

    .md\:w-16 {
        width: 4rem;
    }

    .md\:w-2\/3 {
        width: 66.666667%;
    }

    .md\:w-3\/12 {
        width: 25%;
    }

    .md\:w-36 {
        width: 9rem;
    }

    .md\:w-6\/12 {
        width: 50%;
    }

    .md\:w-64 {
        width: 16rem;
    }

    .md\:w-8\/12 {
        width: 66.666667%;
    }

    .md\:w-80 {
        width: 20rem;
    }

    .md\:w-9\/12 {
        width: 75%;
    }

    .md\:w-96 {
        width: 24rem;
    }

    .md\:w-auto {
        width: auto;
    }

    .md\:max-w-2xl {
        max-width: 42rem;
    }

    .md\:max-w-md {
        max-width: 28rem;
    }

    .md\:max-w-xl {
        max-width: 36rem;
    }

    .md\:flex-none {
        flex: none;
    }

    .md\:flex-grow-0 {
        flex-grow: 0;
    }

    .md\:basis-1\/2 {
        flex-basis: 50%;
    }

    .md\:basis-2\/12 {
        flex-basis: 16.666667%;
    }

    .md\:basis-3\/12 {
        flex-basis: 25%;
    }

    .md\:basis-3\/4 {
        flex-basis: 75%;
    }

    .md\:basis-4\/12 {
        flex-basis: 33.333333%;
    }

    .md\:basis-5\/12 {
        flex-basis: 41.666667%;
    }

    .md\:basis-6\/12 {
        flex-basis: 50%;
    }

    .md\:basis-7\/12 {
        flex-basis: 58.333333%;
    }

    .md\:basis-9\/12 {
        flex-basis: 75%;
    }

    .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\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .md\:flex-row {
        flex-direction: row;
    }

    .md\:flex-col {
        flex-direction: column;
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap;
    }

    .md\:items-end {
        align-items: flex-end;
    }

    .md\:items-center {
        align-items: center;
    }

    .md\:justify-start {
        justify-content: flex-start;
    }

    .md\:justify-end {
        justify-content: flex-end;
    }

    .md\:justify-between {
        justify-content: space-between;
    }

    .md\:justify-evenly {
        justify-content: space-evenly;
    }

    .md\:gap-4 {
        gap: 1rem;
    }

    .md\:gap-5 {
        gap: 1.25rem;
    }

    .md\:gap-6 {
        gap: 1.5rem;
    }

    .md\:gap-8 {
        gap: 2rem;
    }

    .md\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0px * var(--tw-space-x-reverse));
        margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
    }

    .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0.75rem * var(--tw-space-x-reverse));
        margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .md\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.25rem * var(--tw-space-x-reverse));
        margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }

    .md\: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));
    }

    .md\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
    }

    .md\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem * var(--tw-space-y-reverse));
    }

    .md\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
    }

    .md\:overflow-x-visible {
        overflow-x: visible;
    }

    .md\:rounded-lg {
        border-radius: 0.5rem;
    }

    .md\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }

    .md\:bg-auto {
        background-size: auto;
    }

    .md\:bg-top {
        background-position: top;
    }

    .md\:p-3 {
        padding: 0.75rem;
    }

    .md\:p-8 {
        padding: 2rem;
    }

    .md\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .md\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .md\:px-2\.5 {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .md\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .md\:py-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .md\:py-1\.5 {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
    }

    .md\:py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .md\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .md\:pb-1 {
        padding-bottom: 0.25rem;
    }

    .md\:pb-14 {
        padding-bottom: 3.5rem;
    }

    .md\:pr-20 {
        padding-right: 5rem;
    }

    .md\:text-left {
        text-align: left;
    }

    .md\:align-bottom {
        vertical-align: bottom;
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }

    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .md\:text-sm {
        font-size: .875rem;
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .md\:tracking-normal {
        letter-spacing: 0em;
    }

    .md\:drop-shadow-md {
        --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
}

@media (min-width: 1024px) {

    .lg\:bottom-12 {
        bottom: 3rem;
    }

    .lg\:right-12 {
        right: 3rem;
    }

    .lg\:order-1 {
        order: 1;
    }

    .lg\:order-2 {
        order: 2;
    }

    .lg\:order-none {
        order: 0;
    }

    .lg\:mx-1 {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

    .lg\:mx-3 {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }

    .lg\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .lg\:mb-0 {
        margin-bottom: 0px;
    }

    .lg\:mb-6 {
        margin-bottom: 1.5rem;
    }

    .lg\:mt-0 {
        margin-top: 0px;
    }

    .lg\:mt-5 {
        margin-top: 1.25rem;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:h-12 {
        height: 3rem;
    }

    .lg\:h-36 {
        height: 9rem;
    }

    .lg\:h-40 {
        height: 10rem;
    }

    .lg\:h-48 {
        height: 12rem;
    }

    .lg\:h-56 {
        height: 14rem;
    }

    .lg\:h-80 {
        height: 20rem;
    }

    .lg\:h-\[450px\] {
        height: 450px;
    }

    .lg\:w-1\/4 {
        width: 25%;
    }

    .lg\:w-1\/5 {
        width: 20%;
    }

    .lg\:w-12 {
        width: 3rem;
    }

    .lg\:w-4\/12 {
        width: 33.333333%;
    }

    .lg\:w-4\/5 {
        width: 80%;
    }

    .lg\:w-7\/12 {
        width: 58.333333%;
    }

    .lg\:w-72 {
        width: 18rem;
    }

    .lg\:w-9\/12 {
        width: 75%;
    }

    .lg\:w-96 {
        width: 24rem;
    }

    .lg\:w-auto {
        width: auto;
    }

    .lg\:min-w-full {
        min-width: 100%;
    }

    .lg\:max-w-2xl {
        max-width: 42rem;
    }

    .lg\:max-w-3xl {
        max-width: 48rem;
    }

    .lg\:max-w-5xl {
        max-width: 64rem;
    }

    .lg\:max-w-lg {
        max-width: 32rem;
    }

    .lg\:max-w-none {
        max-width: none;
    }

    .lg\:flex-grow-0 {
        flex-grow: 0;
    }

    .lg\:basis-1\/3 {
        flex-basis: 33.333333%;
    }

    .lg\:basis-1\/4 {
        flex-basis: 25%;
    }

    .lg\:basis-3\/4 {
        flex-basis: 75%;
    }

    .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\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:flex-row {
        flex-direction: row;
    }

    .lg\:flex-wrap {
        flex-wrap: wrap;
    }

    .lg\:items-start {
        align-items: flex-start;
    }

    .lg\:justify-end {
        justify-content: flex-end;
    }

    .lg\:gap-8 {
        gap: 2rem;
    }

    .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.5rem * var(--tw-space-x-reverse));
        margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .lg\: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)));
    }

    .lg\:overflow-y-auto {
        overflow-y: auto;
    }

    .lg\:overflow-x-visible {
        overflow-x: visible;
    }

    .lg\:overflow-y-visible {
        overflow-y: visible;
    }

    .lg\:bg-transparent {
        background-color: transparent;
    }

    .lg\:p-0 {
        padding: 0px;
    }

    .lg\:px-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .lg\:py-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .lg\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .lg\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .lg\:pb-2 {
        padding-bottom: 0.5rem;
    }

    .lg\:pt-5 {
        padding-top: 1.25rem;
    }

    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .lg\:text-sm {
        font-size: .875rem;
    }

    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .lg\:leading-4 {
        line-height: 1rem;
    }

    .lg\:leading-7 {
        line-height: 1.75rem;
    }
}

@media (min-width: 1280px) {

    .xl\:ml-72 {
        margin-left: 18rem;
    }

    .xl\:block {
        display: block;
    }

    .xl\:hidden {
        display: none;
    }

    .xl\:h-24 {
        height: 6rem;
    }

    .xl\:h-\[500px\] {
        height: 500px;
    }

    .xl\:w-1\/5 {
        width: 20%;
    }

    .xl\:max-w-4xl {
        max-width: 56rem;
    }

    .xl\:-translate-x-0 {
        --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));
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .xl\:text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    }

    .xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .xl\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .xl\:transition-none {
        transition-property: none;
    }
}